@extends('admin.layouts.leadManagement')
@section('title')
    {{ __('edit') }}
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/customer-detail.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" />
    <link rel="shortcut icon" href="/uploads/app/logo/3OtxeXcMv5lhQzNLERhnmclPXorAN4msV8upXbCm.png">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" />
    <style>
        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 7px;

            height: 38px;
            border: 1px solid #ced4da;
            border-radius: 3px;
        }
        #saveButton_loader{
            display: none;
        }
    </style>
@endsection
@section('content')
<style>
    .spinner-border-sm {
        width: 1.5rem;
        height: 1.5rem;
    }


    #saveButton_loader{
        display: none;
        width: 20px;
        height: 20px;
    }

    </style>
   
    @if (userCan('plan.update'))
        <div class="">
            <div class="row" style="width: 90%; justify-content: center; margin: auto; margin-top:20px;">
                <div class="col-md-12 ">
                    <div class="card">
                        <div class="card-header row m-0">
                            <h3 class="card-title line-height-36 col-sm-12 col-md-6">{{ __('Update') }} {{ __('Slot') }}</h3>
                            <span class="col-sm-12 col-md-6 m-0">
                                <a href="{{ route('slot.index') }}"
                                    class="btn bg-primary    m-0" style="width: 150px; float:right; color:white;" >
                                    <i class="fas fa-arrow-left"></i>&nbsp; {{ __('List View') }}
                                </a>
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="row justify-content-center">
                                <div class="col-md-8">
                                    <form action="{{ route('slot.update', @$slot->id) }}" method="POST">
                                        @csrf
                                        @method('PUT')
                                        <input type="hidden" name="user_id" value="{{@$slot->id}}">
                                        <input type="hidden" name="page" value="candidatePage">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="name">{{ __('slot Name') }} <small
                                                        class="text-danger">*</small></label>
                                                        <input type="text" class="form-control"  id="name" name="name" value="{{ old('name') ?? $slot->name }}" >
                                                    @error('name')
                                                        <p  role="alert" style="color: red;">{{ @$message }}</p>
                                                    @enderror
                                                </div>
                                            </div>


                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="time_to">{{ __('Start Time') }} <small
                                                        class="text-danger">*</small></label>
                                                        <input type="time" class="form-control" id="time_to"  name="time_to" value="{{ old('time_to') ?? $slot->time_to }}" >
                                                    @error('time_to')
                                                        <p  role="alert" style="color: red;">{{ @$message }}</p>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="time_from">{{ __('End Time') }} <small
                                                        class="text-danger">*</small></label>
                                                        <input type="time" class="form-control" id="time_from"  name="time_from" value="{{ old('time_from') ?? $slot->time_from }}" >
                                                    @error('time_from')
                                                        <p  role="alert" style="color: red;">{{ @$message }}</p>
                                                    @enderror
                                                    
                                                </div>
                                            </div>


                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="time_from">{{ __('Active/Inactive slot') }} <small
                                                        class="text-danger">*</small></label>
                                                    <div class=" form-switch">
                                                        <input class="form-check-input" type="checkbox" id="status" name="status" data-toggle="toggle" data-on="Active" data-off="Inactive" data-onstyle="success" data-offstyle="danger" data-width="100" data-height="40" {{ old('status') ?? $slot->status ? 'checked' : '' }}>
                                                      </div>
                                                    @error('status')
                                                        <p  role="alert" style="color: red;">{{ @$message }}</p>
                                                    @enderror
                                                </div>
                                            </div>

                                            
                                        </div>
                                        <div class="">
                                            <button id="saveButton" onclick="save_button_loader()" class="btn btn-success" style="width: 130px;">
                                                <span class="spinner-border spinner-border-sm " id="saveButton_loader" role="status" aria-hidden="true"></span>
                                                <span class="save_text"> {{ __('Update') }} </span>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection

@section('style')
<link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{env('CRM_VERSION')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{env('CRM_VERSION')}}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{env('CRM_VERSION')}}" />
@endsection


@section('script')

@if(Session::has('toast_success'))
    <script>
        toastr.success('{{ Session::get('toast_success') }}');
    </script>
@endif

@if(Session::has('toast_info'))
    <script>
        toastr.info('{{ Session::get('toast_info') }}');
    </script>
@endif

@if(Session::has('toast_error'))
    <script>
        toastr.error('{{ Session::get('toast_error') }}');
    </script>
@endif
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{env('CRM_VERSION')}}"
integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>



<script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{env('CRM_VERSION')}}"></script>
<script>
    @if (session('toaster_type') == 'toast_success')
        toastr.success('{{ session('message') }}');
        {{ session()->forget('toaster_type') }}
    @elseif (session('toaster_type') == 'toast_info')
        toastr.info('{{ session('message') }}');
        {{ session()->forget('toaster_type') }}
    @elseif (session('toaster_type') == 'toast_error')
        toastr.error('{{ session('message') }}');
        {{ session()->forget('toaster_type') }}
    @endif
</script>
<script>
    function save_button_loader(){
            $('#saveButton_loader').css('display', 'inline-block');
            $('.save_text').html('Updating...')
        }

    </script>
@endsection