@extends('layouts.admin')
@section('style')
    <style>
        .box-img img {
            height: 100%;
            width: 100%;
            object-fit: contain;
            border: #e6b6b638 1px solid;
            {{--  border-radius: 20px  --}}
        }

        .box-img {

            height: 100px;
        }
    </style>
@endsection
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.invoices.index') }}">الفواتير</a></li>

            @if (isset($transaction))
            <li class="breadcrumb-item active" aria-current="page">{{ __('messages.Edit') }}</li>
            @else
            <li class="breadcrumb-item active" aria-current="page">{{ __('messages.Create') }}</li>
            @endif
        </ol>
    </nav>


    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class=".card-title"></h4>

                </div>
                <div class="card-body">

                    <form
                        action="{{ isset($transaction) ? route('admin.invoices.update', $transaction->id) : route('admin.invoices.store') }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @isset($transaction)
                            @method('PATCH')
                        @endisset
                        <div class="row justify-content-between">


                            <div class="col-12 col-md-4">
                                <div class="mb-3">
                                    <label for="customer" class="form-label">{{ __('messages.Customer') }}<span
                                        class="text-danger">*</span></label>
                                    <select name="user_id" class="form-select select2" data-toggle="select2" id="customer">
                                        <option value="">--------</option>
                                        @foreach ($users as $user)
                                            <option
                                            @if (old('user_id') == $user->id)
                                                selected
                                            @elseif(isset($transaction))
                                                @if ($transaction->user_id ==  $user->id || $transaction?->deal?->user_id)
                                                selected
                                                @endif
                                            @endif
                                            value="{{ $user->id }}">
                                                {{ $user->mobile }} - {{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-12 col-md-4">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.Transaction Amount') }}<span
                                            class="text-danger">*</span></label>
                                    <input name="amount"
                                        value="{{ old('amount', isset($transaction) ? (int) $transaction->amount : null) }}"
                                        type="number" id="amount" class="form-control">
                                </div>
                                @error('amount')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12 col-md-4">
                                <div class="mb-3">
                                    <label for="in_out" class="form-label">النوع<span
                                        class="text-danger">*</span></label>
                                    <select name="in_out" class="form-select select2" data-toggle="select2" id="in_out">
                                        <option value="">--------</option>
                                        <option @selected(isset($transaction) && $transaction->in_out == "out")  value="out">اصدار فاتورة</option>
                                        <option @selected(isset($transaction) && $transaction->in_out == "in")  value="in">تحصيل</option>
                                    </select>
                                </div>
                            </div>


                            <div class="col-12 col-md-6">
                                <div class="mb-2">
                                    <label class="form-label" for="task_title">{{ __('messages.Title') }}</label>
                                    <input type="text" name="title"
                                        value="{{ old('title', isset($transaction) ? $transaction->title : null) }}"
                                        id="task_title" class="form-control">
                                    @error('title')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="mb-2">
                                    <label class="form-label" for="note">{{ __('messages.Transaction Notes') }}</label>
                                    <input type="text" name="note"
                                        value="{{ old('note', isset($transaction) ? $transaction->note : null) }}"
                                        id="note" class="form-control">
                                    @error('note')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>







                            {{-- <div class="col-12">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.Transaction Notes') }}</label>
                                    <textarea style="height: 250px" class="form-control" name="note">{{ old('note', isset($transaction) ? $transaction->note : null) }}</textarea>

                                </div>
                                @error('note')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div> --}}








                            <div class="col-lg-12 mt-4">
                                <button type="submit" class="btn btn-primary btn-block col-12">{{ __('messages.Save') }}
                                    <i class="mdi mdi-content-save-outline me-1 fs-20 lh-1"></i></button>
                            </div>
                        </div>
                    </form>

                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
        </div><!-- end col -->
    </div><!-- end row -->
@endsection

@section('script')
    <script>
        $(".select_customer").change(function() {
            var user_id = $(this).val();
            //console.log(user_id)
            $.ajax({
                url: "{{ route('admin.get_files_user') }}?user_id=" + user_id,
                success: function(res) {
                    console.log(res)
                    $(".user_files_options").html(res)
                }
            })
        })
    </script>
@endsection