@extends('panel.layouts.master')
@section('title', 'لیست واریز-ایجاد واریزی')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            <form action="{{ route('transactions.store') }}" method="post" enctype="multipart/form-data">
                @csrf
                <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 }}" {{ $organization ? $key == $organization->id ? 'selected' : '' : '' }}>{{ $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="{{ $contract ? $contract->id : '' }}">
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($contracts as $key => $item)
{{--                                <option value="{{ $key }}" {{ $contract ? $key == $contract->id ? 'selected' : '' : '' }}>{{ $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">
                            <option value="" selected>انتخاب کنید</option>
{{--                            @foreach($units as $key => $item)--}}
{{--                                <option value="{{ $key }}">{{ $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">
                            <option value="" selected>انتخاب کنید</option>
{{--                            @foreach($plans as $key => $item)--}}
{{--                                <option value="{{ $key }}">{{ $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', $contract->trans_code ?? null) }}" 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="{{ old('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') }}" 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)
                    }
                })
                // })
            }

            $('#organization_id').on('change', function (){
                getOptions("#organization_id", "#contract_id", '{{ route('transactions.getContracts') }}');
                getOptions("#organization_id", "#unit_id", '{{ route('transactions.getUnits') }}');
            })

            $("#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