@extends('layout.app')
@section('title')
    {{ __('تعديل الحوالة') }}
@stop

@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <!-- END: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css')}}"><!-- END: Vendor CSS-->


    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
    <!-- END: Custom CSS-->
@endsection

@section('content')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('تعديل الحوالة') }}</h2>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <section class="form-control-repeater">
                <div class="row">
                    <!-- Invoice repeater -->
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">

                                <x-alert />
                                <form action="{{ route('transfers.update',$transfar->id) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="date">{{ __('تاريخ الاستلام') }}</label>
                                                <input type="date" class="form-control" id="date"
                                                    value="{{ old('date',$transfar->date) }}" aria-describedby="date" name="date" required/>
                                            </div>
                                        </div>

                                       {{-- user role --}}
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label for="user_id" class="form-label">{{ __('المستخدم') }}</label>
                                                <select name="user_id" id="user_id" class="form-control">
                                                    <option value="">{{ __('اختيار المستخدم') }}</option>
                                                    @foreach (App\Models\User::where('id','<>',Auth::id())->get() as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if ($item->id == old('user_id',$transfar->user_id)) selected @endif>{{ $item->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        {{-- end user role --}}
                                       {{-- user role --}}
                                        <div class="col-lg-12 col-md-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="projects" class="form-label">{{ __('المشاريع') }}</label>
                                                <select class="select2 form-control" multiple name="projects[]">
                                                    @foreach(App\Models\Project::get() as $item)
                                                        @if(old('projects',$projects))
                                                            <option value="{{ $item->id }}" @if(in_array($item->id,old('projects',$projects))) selected @endif>{{ $item->project_name }}</option>
                                                        @else
                                                            <option value="{{ $item->id }}">{{ $item->project_name }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        {{-- end user role --}}

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="nis_currency">{{ __('المبلغ بالريال') }}</label>
                                                <input type="text" class="form-control" id="nis_currency"
                                                    value="{{ old('nis_currency',$transfar->nis_currency) }}" aria-describedby="nis_currency" name="nis_currency" required />
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="usd_currency">{{ __('المبلغ بالدولار') }}</label>
                                                <input type="text" class="form-control" id="usd_currency"
                                                    value="{{ old('usd_currency',$transfar->usd_currency) }}" aria-describedby="usd_currency" name="usd_currency" required />
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="status">{{ __('الحالة') }}</label>
                                                <select name="status" id="status" class="form-control">
                                                    <option @if($transfar->status == '0') selected @endif value="0">{{ __('لم يتم السداد') }}</option>
                                                    <option @if($transfar->status == '1') selected @endif value="1">{{ __('سداد جزئي') }}</option>
                                                    <option @if($transfar->status == '2') selected @endif value="2">{{ __('سداد كلي') }}</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12" id="remaining_amount" style="display: none;">
                                            <div class="form-group">
                                                <label for="remaining_amount">{{ __('المبلغ المتبقي بالدولار') }}</label>
                                                <input type="text" class="form-control"
                                                    value="{{ old('remaining_amount',$transfar->remaining_amount) }}" aria-describedby="remaining_amount" name="remaining_amount" required />
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12 col-sm-12 mt-1">
                                            <hr>
                                            <button class="btn btn-icon btn-success" type="submit">
                                                <i data-feather="save" class="mr-25"></i>
                                                <span>{{ __('حفظ') }}</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /Invoice repeater -->
                </div>
            </section>

        </div>
    </div>
@endsection

@section('js')
<script type="text/javascript">
       var type = document.getElementById("status");

       function ff() {
           if (type.value == 1) {
               document.getElementById("remaining_amount").style.display = "block";
           } else {
               document.getElementById("remaining_amount").style.display = "none";
           }
       }
       type.onchange = function() {
           ff()
       };
       $(window).on("load", function() {
           ff()
       });
</script>
@endsection