@extends('layouts.master')
@section('title') Emergency Services @endsection
@section('css')
<link rel="stylesheet" type="text/css" href="{{ URL::asset('/assets/sweetalert2/sweetalert2.min.css')}}">
@endsection
@section('content')

    <div class="page-header">
        <h1 class="page-title">Emergency Services</h1>
        <div>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Emergency Services</li>
            </ol>
        </div>
    </div>

    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Emergency Services List</h3>
                    <div class="card-options">
                        <div class="position-relative me-3">
                            <input type="search" class="form-control" placeholder="Search..." id="search" @if(request()->has('search')) value="{{ request()->search }}" @endif>
                        </div>
   <!-- <div class="position-relative me-3">
                           <select name="section" id="section" type="text" class="form-control" placeholder="Section" required>                           
                                       <option value="Our Approach Item" >Our Approach Item</option>
                                        <option value="Our Emergency Team" >Our Emergency Team</option>                                       
                                    <option value="Common Emergency"   >Common Emergency </option>
                                    <option value="Patient Journey" >Patient Journey</option>
                                 </select>
                        </div> -->
                              
                        <div class="text-sm-end">
                            <div class="btn-group me-2">
                                <a href="{{ route('admin.emergency-services.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i> New Item</a>
                            </div>
                            <div class="btn-group">
                                <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">Actions</button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item leadsDelete" href="#">Delete</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        @if ($message = Session::get('message'))
                            <div class="alert alert-success mt-2">{{ $message }}</div>
                        @endif
                        <div id="services-list">
                            @include('admin.emergency_services.list')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
<script src="{{ URL::asset('assets/sweetalert2/sweetalert2.min.js')}}"></script>
<script>
    $(document).on('change', '.status-toggle', function () {
        let id = $(this).data('id');
        let status = $(this).is(':checked') ? 1 : 0;
        $.ajax({
            url: "{{ route('emergency-services.toggleStatus') }}",
            type: "POST",
            data: { _token: "{{ csrf_token() }}", id: id, status: status },
            success: function (response) { console.log('Status updated'); }
        });
    });

    $(document).on('click', '.leadsDelete', function(e) {
        var allids = [];
        if($(this).hasClass("singleDelete")){
            allids.push($(this).attr("id"));
        } else {
            $('input:checkbox[name=ids]:checked').each(function() { allids.push($(this).val()); });
            if(allids == "") {
                Swal.fire({ title: 'No items selected', icon: 'error' });
                return false;
            }
        }
        Swal.fire({
            title: 'Are you sure?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, delete it!'
        }).then(function (result) {
            if (result.value) {
                $.ajax({
                    type: "post",
                    url: "{{ route('emergency-services.delete_bulk') }}",
                    data: { 'id': allids, "_method": 'delete', "_token": "{{ csrf_token() }}" },
                    success: function (data) { location.reload(); }
                });
            }
        });
    });
</script>
@endsection