@extends('panel.layouts.master')
@section('title', 'لیست واریز-ویرایش واریزی')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            <form action="{{ route('transactions.update', $transaction->id) }}" method="post"
                  enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="organization_id">بیمه گزار</label>
                        <select name="organization_id" id="organization_id" class="form-select select2">
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($organizations as $key => $item)
                                <option value="{{ $key }}" @selected($key == $transaction->organization_id)>{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="contract_id">قرارداد</label>
                        <select name="contract_id" id="contract_id" class="form-select" selected-id="{{ $transaction->contract_id }}">
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($contracts as $key => $item)
                                <option value="{{ $key }}" @selected($key == $transaction->contract_id)>{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="unit_id">واحد سازمانی</label>
                        <select name="unit_id" id="unit_id" class="form-select" selected-id="{{ $transaction->unit_id }}">
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($units as $key => $item)
                                <option value="{{ $key }}" @selected($key == $transaction->unit_id)>{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="plan_id">طرح</label>
                        <select name="plan_id" id="plan_id" class="form-select" selected-id="{{ $transaction->plan_id }}">
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($plans as $key => $item)
                                <option value="{{ $key }}" @selected($key == $transaction->plan_id)>{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="uid">شناسه</label>
                        <input type="text" name="uid" id="uid" value="{{ old('uid', $transaction->uid) }}" class="form-control"
                               placeholder="1234">
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="amount">مبلغ</label>
                        <input type="text" name="amount" id="amount" value="{{ number_format(old('amount', $transaction->amount)) }}" class="form-control digit"
                               placeholder="90000000">
                    </div>
                    <div class="col-lg-4 col-md-4 mb-3">
                        <label class="form-label" for="date">تاریخ</label>
                        <input type="text" name="date" id="date" data-jdp value="{{ old('date', $transaction->date) }}" class="form-control"
                               placeholder="{{ verta()->now()->format('Y/m/d') }}">
                    </div>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-2"></i>ذخیره
                    </button>
                    <button type="reset" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-2"></i>پاک کردن
                    </button>
                    <button class="btn btn-outline-danger ms-auto back-btn">
                        انصراف<i class="fas fa-chevron-left ms-2"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function (){
            getOptions("#organization_id", "#contract_id", '{{ route('transactions.getContracts') }}');
            getOptions("#organization_id", "#unit_id", '{{ route('transactions.getUnits') }}');
            getOptions("#contract_id", "#plan_id", '{{ route('transactions.getPlans') }}');

            function getOptions(changedSelect, secondSelect, route){
                console.log('do')
                // $(changedSelect).on('change', function (){
                    let self = $(changedSelect);
                    let selected = $(secondSelect).attr('selected-id')
                    $.ajax({
                        type: 'POST',
                        url: route,
                        data:{
                            id: self.val()
                        }, success: function (res){
                            console.log(res)
                            let options = `<option value="">انتخاب کنید</option>`;
                            $.each(res, function (k, v){
                                options += `<option value="${k}" ${k == selected ? "selected" : ""}>${v}</option>`
                            })

                            $(secondSelect).html(options)
                        }
                    })
                // })
            }

            $("#contract_id").on('change', function (){
                let self = $(this);
                $.ajax({
                    type: 'POST',
                    url: '{{ route('transactions.getUid') }}',
                    data:{
                        id: self.val()
                    }, success: function (res){
                        $('#uid').val(res)
                    }
                })
            })
        })
    </script>
@endsection