@extends('admin.layout.master')
@section('content')
@include('flash-message')
 <div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.schedule')}}{{__('obs.list')}}</h5>
        <button type="button" class="btn btn-light btn-sm" onclick="resetmodal()">
            {{__('obs.add')}} {{__('obs.schedule')}}
        </button>
    </div>

    <div class="card-body">
        <div class="cl-table-container" id="print" style="max-height: calc(100vh - 140px);">
            <table class="table cl-table table-bordered table-hover">
            <thead>
                <tr>
                    <th>{{__('obs.sl')}}</th>
                    <th>{{__('obs.name')}}</th>
                    {{-- <th>Frequency</th>
                    <th>Start Date</th>
                    <th>End Date</th> --}}
                    <th>{{__('obs.warehouse')}}</th>
                    <th>{{__('obs.description')}}</th>
                    <th>{{__('obs.status')}}</th>
                    <th>{{__('obs.action')}}</th>
                </tr>
            </thead>
            <tbody>
                @php($i = 1)
                    @foreach ($allschedule as $item)
                        <tr>
                            <td>{{ $i++ }}</td>
                            <td>{{ $item->name }}</td>
                            <td>{{ $item->ware_house->name_eng }}</td>
                            
                            
                            <td>{{ \Illuminate\Support\Str::limit($item->description, 100)}}</td>
                            <td>
                                @if ($item->status == 1)
                                    <span class="text-success">{{__('obs.active')}}</span>
                                @else
                                    <span class="text-danger">{{__('obs.inactive')}}</span>
                                @endif
                            </td>
                            <td>
                                <button type="button" onclick="editpayrollSchedule({{ $item->id }})"
                                    class="btn btn-primary btn-sm" data-toggle="modal"
                                    data-target="#addPayrollSchedule">
                                    <i class="fas fa-edit"></i>
                                </button>
                                {{-- <a href="{{route('payroll.hrm.settiings.schedule_delete',['id'=>$item->id])}}" title="Delete" data-toggle="tooltip" onclick="return confirm('Payroll Schedule Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a> --}}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
              
</div>
@include('payroll.admin.payroll_settings.payroll_shedule.add_payroll_schedule')
@endsection

@section('script')
 <script>
// save and update in one method .. .. .. .. .. ..
    const StorePayrollSchedule = () => {
       
        let id = $("#sche_id").val();
        let name = $("#name").val();
        // let frequency = $("#frequency").val();
        // let start_date = $("#start_date").val();
        // let end_date = $("#end_date").val();
        // let branch = $("#branch").val();
        let description = $("#description").val();
        // let ware_id  = $("#wareId").val();
        let status = $("#status").val();
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "POST",
            url: "/payroll/settings/store-schedule",
            data: {
                id: id,
                name: name,
                // frequency: frequency,
                // start_date: start_date,
                // end_date: end_date,
                // branch: branch,
                description: description,
                status: status,
                // ware_id:ware_id
            },
            success: function (data) {
                Swal.fire({
                    title: data.message,
                    html: "I will close in <b></b> milliseconds.",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading();
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent();
                            if (content) {
                                const b = content.querySelector("b");
                                if (b) {
                                    b.textContent = Swal.getTimerLeft();
                                }
                            }
                        }, 100);
                    },
                    willClose: () => {
                        clearInterval(timerInterval);
                    },
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        window.location.reload();
                    }
                });
                $("#name").val("");
                $("#start_date").val("");
                $("#end_date").val("");
                $("#description").val("");
            },
            error: function (response) {
                $.each(response.responseJSON.errors, function (field_name, error) {
                    $(document)
                        .find("[name=" + field_name + "]")
                        .after(
                            '<span class="text-strong textdanger" style="color:red">' +
                                error +
                                "</span>"
                        );
                });
            },
        });
    };

    const editpayrollSchedule = (id) => {
        $("#addPayrollSchedule").modal('show');
        $.ajax({
            url:  "/payroll/settings/edit-schedule/" + id,
            type: "GET",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (data) {
                $("#sche_id").val(data.id);
                $("#name").val(data.name);
                // $("#frequency").val(data.frequency);
                // $("#start_date").val(data.start_date);
                // $("#end_date").val(data.end_date);
                // $("#branch").val(data.branch);
                $("#description").val(data.description);
                $("#status").val(data.status);
                // $("#wareId").val(data.ware_id);
            },
        });
    };

    // SCRIPT FOR RESETING MODAL INPUT VALUE WHEN WE WILL INSERT NEW VALUE
    function resetmodal() {
        $("#addPayrollSchedule").modal('show');
        $("#sche_id").val(0);
        $("#name").val("");
        $("#start_date").val("");
        $("#end_date").val("");
        $("#description").val("");
    }

 </script>
@endsection