@extends('dashboard.admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ $title }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">{{ $title }}</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ $title }}</h4>
                            <div class="card-header-action">
                                <a href="{{ route('admin.shipping-rules.create') }}" class="btn btn-primary">
                                    <i class="fa fa-plus" aria-hidden="true"></i> New
                                </a>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th>
                                                #
                                            </th>
                                            <th>Name</th>
                                            <th>Type</th>
                                            <th>Minimum cost</th>
                                            <th>Cost</th>
                                            <th>Status</th>
                                            <th width="100">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($shippingRules as $key => $shippingRule)
                                            <tr>
                                                <td>
                                                    {{ $key + 1 }}
                                                </td>
                                                <td>
                                                    {{ $shippingRule->name }}
                                                </td>
                                                <td>
                                                    @php
                                                        switch ($shippingRule->type) {
                                                            case 'flat_cost':
                                                                echo '<i class="badge badge-primary">Flat Cost</i>';
                                                                break;
                                                            case 'min_cost':
                                                                echo '<i class="badge badge-success">Minimum Cost</i>';
                                                                break;
                                                        }
                                                    @endphp
                                                </td>
                                                <td>
                                                    {{ formatAmount($shippingRule->min_cost, $settings) }}
                                                </td>
                                                <td>
                                                    {{ formatAmount($shippingRule->cost, $settings) }}
                                                </td>
                                                <td>
                                                    @if ($shippingRule->status == 1)
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" checked name="custom-switch-checkbox"
                                                                data-id="{{ $shippingRule->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @else
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" name="custom-switch-checkbox"
                                                                data-id="{{ $shippingRule->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ route('admin.shipping-rules.edit', $shippingRule->id) }}"
                                                        class="btn btn-primary"><i class="fa fa-edit"
                                                            aria-hidden="true"></i></a>
                                                    <a href="{{ route('admin.shipping-rules.destroy', $shippingRule->id) }}"
                                                        class="btn btn-danger delete-item"><i class="fa fa-trash"
                                                            aria-hidden="true"></i></a>
                                                </td>
                                            </tr>
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('scripts')
        <script>
            $(document).ready(function() {

                $('body').on('click', '.change-status', function() {

                    let isChecked = $(this).is(':checked');

                    let id = $(this).data('id');

                    $.ajax({
                        url: "{{ route('admin.shipping-rules.change.status') }}",
                        method: 'PUT',
                        data: {
                            status: isChecked,
                            id: id
                        },

                        success: function(data) {
                            toastr.success(data.message);
                        },
                        error: function(xr, status, error) {
                            console.log(error);
                        }
                    })
                })
            })
        </script>
    @endpush
@endsection