@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('sponsors.index'), 'name' => "الكفلاء"], ['link' => route('sponsors.edit',$sponsor), 'name' => "تعديل معلومات الكفيل"]],['title'=> 'تعديل']];
@endphp

@section('title', 'ادارة الكفلاء')

@section('content')

@component('components.forms.formCard',['title' => sprintf('تعديل معلومات الكفيل : <span class="text-danger"> %s </span>', $sponsor->sponsor_name)])

{!! Form::model($sponsor, ['method' => 'PUT', 'onsubmit' => 'showLoader()','route' => ['sponsors.update', $sponsor->id]]) !!}

<x-ui.divider>معلومات الكفيل</x-ui.divider>

<div class="row mb-1">
    <input type="hidden" name="id" value="{{$sponsor->id}}">
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="اسم الكفيل" name="sponsor_name" placeholder="ادخل اسم الكفيل" />
    </div>

    <div class="col-md">
        <x-inputs.select.generic label="نوع الكفيل" name="sponsor_type" data-placeholder="اختر نوع الكفيل" data-msg="رجاء نوع الكفيل" :options="App\Models\Sponsor::sponsorTypes()" />
    </div>
</div>
<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="الرقم الضريبي/رقم الهوية " name="sponsor_ID" placeholder="الرقم الضريبي/رقم الهوية " />
    </div>
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="العنوان" name="address" placeholder="ادخل العنوان " />
    </div>
</div>
<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="رمز البريد" name="postal_code" placeholder="ادخل رمز البريد" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="الهاتف" name="phone" placeholder="الهاتف" />
    </div>
</div>

<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input icon="home" label="البريد الالكتروني" name="email" placeholder="ادخل البريد الالكتروني" />
    </div>
    <div class="col-md">
        <x-inputs.number.Input min="1" label="الحد الاقصى" icon="dollar-sign" name="max_limit" placeholder="ادخل الحد الاقصى" data-msg="ادخل قيمة الدولة بشكل صحيح" />
    </div>
    <div class="col-md">
        <x-inputs.number.Input  min="1" label="حد المطالبة المالي" icon="dollar-sign" name="financial_limit" placeholder="حد المطالبة المالي" data-msg="ادخل حد المطالبة المالي" />
    </div>

    <div class="col-md">
        <x-inputs.number.Input max="27" min="1" class="form-control flatpickr-basic" label="حد المطالبة الزمني (يوم من كل شهر ميلادي)" icon="calendar" name="time_limit" placeholder=" حد المطالبة الزمني- مثال يوم 26 من كل شهر " data-msg=" ادخل حد المطالبة الزمني رقم اليوم" />
    </div>
</div>
<div class="row mb-1">
    <div class="col-md">
        <label class="form-label mb-1" for="active"> الحالة </label>
        <x-inputs.checkbox name="active">مفعل </x-inputs.checkbox>
    </div>
</div>
<div class="col-12 text-center mt-2">
    <x-inputs.submit>تعديل معلومات الكفيل</x-inputs.submit>
</div>

{!! Form::close() !!}

<x-ui.divider>معلومات مسئولي الاتصال</x-ui.divider>
{!! Form::open(['route' => 'sponsor-contact-officers.store','method'=>'POST' , 'onsubmit' => 'showLoader()'])  !!}
 @method('post')
    @csrf
    <div class="contact-officer">
        <div class="row mb-1">
            <input type="hidden" value="{{$sponsor->id}}" name="sponsor_id">
            <div class="col-md">
                <x-inputs.text.Input icon="home" required="required" label="اسم مسئول الاتصال" name="contact_officer_name" placeholder="ادخل اسم مسئول الاتصال" required="required"/>
            </div>
            <div class="col-md">
                <x-inputs.text.Input  icon="phone" required="required"  required="required" label="الهاتف" name="phone" placeholder="الهاتف" required="required"/>
            </div>
            <div class="col-md">
                <x-inputs.text.Input icon="email" required="required" label="البريد الالكتروني" name="email" placeholder="البريد الالكتروني" required="required"/>
            </div>
        </div>
        <div class="col-12 text-center mt-2">
            <x-inputs.submit>إضافة مسئول إتصال</x-inputs.submit>
        </div>
        <!-- Add more contact officer fields here -->
    </div>
{!! Form::close() !!}



<div class="col-12 text-center mt-2">
    <x-ui.table :autoWith="false">
        <x-slot name="thead">
            <tr>
                <th scope="col">اسم مسئول الاتصال</th>
                <th scope="col">الهاتف</th>
                <th scope="col">البريد الالكتروني</th>
                <th scope="col">الاجراءات</th>
            </tr>
        </x-slot>
        <x-slot name="tbody">
            @foreach($contactOfficers as $officer)
                {!! Form::model($officer, ['method' => 'PUT', 'onsubmit' => 'showLoader()','route' => ['sponsor-contact-officers.update', $officer->id]]) !!}
                <tr>
                    <input type="hidden" name="contact_officer_id[]" value="{{ $officer->id }}">
                    <th scope="row" style="display: none">
                        {{ $officer->id }}
                    </th>
                    <td>
                        <input type="text" class="form-control" name="contact_officer_name[]" value="{{ $officer->contact_officer_name }}">
                        @error('contact_officer_name.' . $loop->index)
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </td>
                    <td>
                        <input type="tel" class="form-control"  name="phone[]" placeholder="ادخل الهاتف" value="{{ $officer->phone }}">
                        @error('phone.' . $loop->index)
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </td>
                    <td>
                        <input class="form-control" type="email" name="email[]" placeholder="ادخل البريد الالكتروني" value="{{ $officer->email }}">
                        @error('email.' . $loop->index)
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </td>
                    <td>
                        <button class="btn btn-sm btn-warning" type="submit" >تعديل</button>

                        <button onclick="event.preventDefault();document.getElementById('delete_button_{{$officer->id}}').submit();" class="btn btn-sm btn-danger">خذف</button>

                    </td>

                </tr>
                {!! Form::close() !!}

                <form method="post" action="{{route('sponsor-contact-officers.destroy',  $officer->id) }}" id="delete_button_{{$officer->id}}">
                    @csrf
                    @method('delete')
                    <input type="hidden" name="contact_id" value="$officer->id">
                </form>
            @endforeach
        </x-slot>
    </x-ui.table>
</div>
<x-inputs.link route="sponsors.index">عودة</x-inputs.link>

@endcomponent
@endsection