@extends('admin.layouts.master')
@section('content')
    @include('admin.layouts.breadcrumbs',['contract_id'=>request()->get('contract_id')])
    <section id="basic-horizontal-layouts">
        <div class="row match-height">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">اضف مستند</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-horizontal" action="{{route('admin.documents.store')}}" method="POST"
                                  enctype="multipart/form-data">
                                @csrf
                                <div class="form-body">
                                    <div class="row">
                                        <livewire:documents.court-select/>
                                        <div class="row col-12">
                                            @if(!Request::get('case'))
                                                <div class="col-12">
                                                    <div class="form-group row">
                                                        <div class="col-md-4">
                                                            <span>كود القضية</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select class="form-control select2" name="case_id"
                                                                    id="select_case">
                                                                <option value="">اختر واحدا</option>
                                                                @foreach(\App\Casee::all() as $case)
                                                                    <option
                                                                        value="{{$case->id}}" @if(Request::get('case') == $case->id || old('case_id') == $case->id)
                                                                        {{'selected'}}
                                                                        @endif>{{$case->id}}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('case_id')
                                                            <div class="alert alert-danger mt-1 text-center">
                                                                {{$message}}
                                                            </div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            @else
                                                <input type="hidden" name="case_id" value="{{Request::get('case')}}">
                                            @endif
                                            <div class="col-12">
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <span>نوع المستند</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select class="form-control select2" name="type" id="doc-type">
                                                            <option value="">اختر واحدا</option>
                                                            <option
                                                                value="حكم" {{old('type') == 'حكم' ? 'selected':''}}>حكم
                                                            </option>
                                                            <option
                                                                value="وصولات أمانة" {{old('type') == 'وصولات أمانة' ? 'selected':''}}>
                                                                وصولات أمانة
                                                            </option>
                                                            <option
                                                                value="إقرار دين" {{old('type') == 'إقرار دين' ? 'selected':''}}>
                                                                إقرار دين
                                                            </option>
                                                            <option
                                                                value="البطاقة المدنية" {{old('type') == 'البطاقة المدنية' ? 'selected':''}}>
                                                                البطاقة المدنية
                                                            </option>
                                                            <option
                                                                value="وكالة" {{old('type') == 'وكالة' ? 'selected':''}}>
                                                                وكالة
                                                            </option>
                                                            <option
                                                                value="كتاب" {{old('type') == 'كتاب' ? 'selected':''}}>
                                                                كتاب
                                                            </option>
                                                            <option
                                                                value="مستندات أخرى" {{old('type') == 'مستندات أخرى' ? 'selected':''}}>
                                                                مستندات أخرى
                                                            </option>
                                                            <option
                                                                value="تقارير طبية" {{old('type') == 'تقارير طبية' ? 'selected':''}}>
                                                                تقارير طبية
                                                            </option>
                                                        </select>
                                                        @error('type')
                                                        <div class="alert alert-danger mt-1 text-center">
                                                            {{$message}}
                                                        </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 d-none" id="judgment-type">
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <span>نوع الحكم</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input class="form-control" name="judgment_type"
                                                               value="{{old('judgment_type')}}">
                                                        @error('judgment_type')
                                                        <div class="alert alert-danger mt-1 text-center">
                                                            {{$message}}
                                                        </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <span>المستند</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="file" class="form-control" name="files[]" multiple>
                                                        @error('files')
                                                        <div class="alert alert-danger mt-1 text-center">
                                                            {{$message}}
                                                        </div>
                                                        @enderror
                                                        @error('files.*')
                                                        <div class="alert alert-danger mt-1 text-center">
                                                            {{$message}}
                                                        </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- CONTRACTS holder -->
                                        <div class="col-md-8 offset-md-4">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1">حفظ</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script>
        @if(old('type') == 'حكم'){
            $('#judgment-type').removeClass('d-none');
        }
        @endif
        $('#doc-type').select2().on('change', function (e) {
            if ($(this).val() === 'حكم') {
                $('#judgment-type').removeClass('d-none');
            } else {
                $('#judgment-type').addClass('d-none');
            }
        })
    </script>
@endpush