@extends('patent::layouts.master')


@section('title', 'Add New Design Ticket')

@section('content')
<div class="container mt-4">
    <div class="card shadow rounded-3">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">Create Patent Design</h4>
        </div>

        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <strong>Validation Errors:</strong>
                    <ul class="mb-0 mt-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('patent.design.store') }}" method="POST">
                @csrf

                <div class="row">
                    <div class="col-md-6 mt-3">
                        <label for="client_ref" class="form-label">Client Ref</label>
                        <input type="text" name="client_ref" class="form-control" value="{{ old('client_ref') }}">
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="aipt_ref" class="form-label">AIPT Ref</label>
                        <input type="text" name="aipt_ref" class="form-control" value="{{ old('aipt_ref') }}">
                    </div>

                    <div class="col-md-12 mt-3">
                        <label for="design_title" class="form-label">Design Title</label>
                        <input type="text" name="design_title" class="form-control" value="{{ old('design_title') }}">
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="pct_no" class="form-label">Filing No</label>
                        <input type="text" name="filing_no" class="form-control" value="{{ old('filing_no') }}">
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="pct_date" class="form-label">Filling Date</label>
                        <input type="date" name="filing_date" class="form-control" value="{{ old('filing_date') }}">
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="procedure_id" class="form-label">Procedure</label>
                        <select name="procedure_id" class="form-control select2">
                            <option disabled selected>-- Select Procedure --</option>
                            @foreach ($procedures as $procedure)
                                <option value="{{ $procedure->id }}" @selected(old('procedure_id') == $procedure->id)>
                                    {{ $procedure->procedure_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="methode_id" class="form-label">Status</label>
                        <select name="methode_id" class="form-control select2">
                            <option disabled selected>-- Select Status --</option>
                                        
                            @foreach ($methods as $status)
                                <option value="{{ $status->id }}" @selected(old('methode_id') == $status->id)>
                                    {{ $status->methode_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="clients_fk" class="form-label">Clients</label>
                        <select name="clients_fk[]" class="form-control select2" multiple>
                            @foreach ($clients as $client)
                                <option value="{{ $client->id }}" @if(collect(old('clients_fk'))->contains($client->id)) selected @endif>
                                    {{ $client->client_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="applicants_fk" class="form-label">Applicants</label>
                        <select name="applicants_fk[]" class="form-control select2" multiple>
                            @foreach ($applicants as $applicant)
                                <option value="{{ $applicant->id }}" @if(collect(old('applicants_fk'))->contains($applicant->id)) selected @endif>
                                    {{ $applicant->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="associate_fk" class="form-label">Associates</label>
                        <select name="associate_fk[]" class="form-control select2" multiple>
                            @foreach ($associates as $associate)
                                <option value="{{ $associate->id }}" @if(collect(old('associate_fk'))->contains($associate->id)) selected @endif>
                                    {{ $associate->associate_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="countries_fk" class="form-label">Countries</label>
                        <select name="countries_fk[]" class="form-control select2" multiple>
                            @foreach ($countries as $country)
                                <option value="{{ $country->id }}" @if(collect(old('countries_fk'))->contains($country->id)) selected @endif>
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="services_fk" class="form-label">Services</label>
                        <select name="services_fk[]" class="form-control select2" multiple>
                            @foreach ($service_types  as $service)
                                <option value="{{ $service->id }}" @if(collect(old('services_fk'))->contains($service->id)) selected @endif>
                                    {{ $service->service_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

   
     @if(Auth::user()->department_id==1 ||Auth::user()->role_id==1 )
                    <div class="col-md-12 mt-4">
                        <button type="submit" class="btn btn-success w-100">Create Design</button>
                    </div>
                    @endif
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Select2 CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    $(document).ready(function () {
        $('.select2').select2({
            placeholder: 'Select an option',
            width: '100%'
        });
    });
</script>
@endpush