@extends('layouts.admin')

@section('title')
    Quản Lý Phí Vận Chuyển
@endsection
@section('content-admin')
<div class="wrapper wrapper-content">
    <div class="text-center mb-1 fw-bold d-flex justify-content-center align-items-center">
        <img src="{{asset('assets/general/img/logoDAU.png')}}" alt="" class="img-fluid" style="width: 40px;">
        <h1 id="title-top" class="ms-3 mb-0" style="font-size: 22px">Quản Lý Phí Vận Chuyển</h1>
    </div>
    @if(session('msg'))
        <div class="alert alert-success text-center">
            {{session('msg')}}
        </div>
    @endif
    <div class="d-flex justify-content-between">
        <a href="{{route('admin.feeship.add')}}" class="btn btn-success">Thêm Phí Vận Chuyển</a>
        <a href="{{route('admin.feeship.settings.index')}}" class="btn btn-success">Cài đặt</a>

    </div>
    {{-- Bộ lọc tìm kiếm --}}
    <div class="row">
            <span class="bg-primary col-12 p-2 text-center mt-4 text-white">BỘ LỌC TÌM KIẾM</span>
    </div>
    <div class="card-body">
        {{-- Form Tìm kiếm --}}
        <form action="" method="GET">
            <div class="row">
                <div class="col-md-6">
                    <label for="province" class="form-label fw-bold">Tỉnh/Thành Phố</label>
                    <select name="province_id" id="province" class="form-control">
                        <option value="">Chọn Tỉnh/Thành Phố</option>
                        @foreach($provinces as $prov)
                            <option value="{{ $prov->province_id }}" {{ request('province_id') == $prov->province_id ? 'selected' : '' }}>{{ $prov->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label for="district" class="form-label fw-bold">Quận/Huyện</label>
                    <select name="district_id" id="district" class="form-control">
                        <option value="">Chọn Quận/Huyện</option>
                        @if(!empty($districts))
                            @foreach($districts as $dist)
                                <option value="{{ $dist->district_id }}" {{ request('district_id') == $dist->district_id ? 'selected' : '' }}>{{ $dist->name }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-4">
                    <label for="min_fee" class="form-label fw-bold">Phí vận chuyển tối thiểu</label>
                    <input type="number" name="min_fee" id="min_fee" class="form-control" value="{{ request('min_fee') }}" placeholder="Nhập phí tối thiểu">
                </div>
                <div class="col-md-4">
                    <label for="max_fee" class="form-label fw-bold">Phí vận chuyển tối đa</label>
                    <input type="number" name="max_fee" id="max_fee" class="form-control" value="{{ request('max_fee') }}" placeholder="Nhập phí tối đa">
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">Tìm kiếm</button>
                </div>
            </div>
        </form>
    </div>
    <!-- Responsive Table -->
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr class="text-center">
                        <th width="5%">STT</th>
                        <th class="d-sm-table-cell">Tỉnh/Thành Phố</th>
                        <th class="d-sm-table-cell">Quận/Huyện</th>
                        <th class="d-lg-table-cell">Phí vận chuyển</th>
                        <th class="d-lg-table-cell">Ngày Tạo</th>
                        <th class="d-lg-table-cell">Hành động</th>
                    </tr>
                </thead>
                <tbody>
                    @if(!empty($listFeeShip) && count($listFeeShip) > 0)
                        @foreach ($listFeeShip as $key => $item)
                        <tr>
                            <td>{{$key + 1}}</td>
                            <td class="d-none d-sm-table-cell">{{$item->province->name}}</td>
                            <td>{{$item->district->name}}</td>
                            <td class="d-none d-lg-table-cell">
                                <input 
                                    type="text" 
                                    class="form-control update-fee" 
                                    data-id="{{ $item->id }}" 
                                    value="{{ number_format($item->don_gia, 0, ',', '.') }}">
                            </td>
                            <td class="d-none d-lg-table-cell">{{\Carbon\Carbon::parse($item->created_at)->format('d-m-Y H:i:s')}}</td>
                            <td class="text-center">
                                <form action="{{ route('admin.feeship.delete', $item->id)}}" method="POST" style="display:inline;" id="delete-form-{{$key}}">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button" class="btn btn-danger btn-sm delete-product" onclick="confirmDelete('delete-form-{{$key}}')"><i class="fa-solid fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="9" class="text-center">KHÔNG CÓ THÔNG TIN PHÍ SHIP</td>
                        </tr>
                    @endif
                </tbody>
            </table>
            <div class="d-flex justify-content-center mt-3">
                {{$listFeeShip->links()}}
            </div>  
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    function confirmDelete(formId) {
        Swal.fire({
            title: 'Bạn có chắc chắn muốn xóa?',
            text: "Hành động này không thể hoàn tác!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Xóa',
            cancelButtonText: 'Hủy'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(formId).submit();
            }
        });
    }
</script>
@endsection