@extends('layouts.admin')

@section('title')
    CÀI ĐẶT 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">CÀI ĐẶT PHÍ VẬN CHUYỂN</h1>
    </div>
    @if(session('msg'))
        <div class="alert alert-success text-center">
            {{session('msg')}}
        </div>
    @endif
    {{-- in ra thông báo lỗi --}}
    @if($errors->any())
        <div class="alert alert-danger text-center" id="error-message">
            @foreach($errors->all() as $error)
                <span>{{ $error }}</span><br>
            @endforeach
            Vui lòng kiểm tra lại dữ liệu
        </div>
    @endif
    <div class="d-flex justify-content-between mb-3">
        <a href="{{route('admin.feeship.index')}}" class="btn btn-success">Quay lại</a>
    </div>

    <div class="card">
        <div class="card-header">
            <h4 class="mb-0">Tùy chỉnh phí vận chuyển</h4>
        </div>
        <div class="card-body">
            <form action="{{route('admin.feeship.settings.updateAll')}}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="all_fee" class="form-label">Cài đặt tất cả phí vận chuyển của tỉnh thành về một giá cụ thể</label>
                    <div class="row gap-2">
                        <select name="province_id" id="province_id" class="col-4 form-select">
                            <option value="">--Chọn Tỉnh/Thành Phố</option>
                            @foreach($provinces as $province)
                                <option value="{{$province->province_id}}">{{$province->name}}</option>
                            @endforeach
                        </select>
                        <input type="number" class="form-control col-4" id="all_fee" name="all_fee" placeholder="Nhập mức giá (VNĐ)">
                        <button type="submit" class="btn btn-primary col-2">Cập nhật</button>
                    </div>
                </div>
            </form>
        </div>
        {{-- Tôi muốn có một nút reset tất cả phí ship về giá trị cụ thể, sẽ duyetj từng tỉnh, trong tỉnh có huyện thì sẽ thêm vào bảng phivanchuyen rồi set giá trị cho nó dựa vào ô input --}}
        <div class="card-body">
            <form action="{{route('admin.feeship.settings.addAll')}}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="all_fee" class="form-label">Reset phí ship cho Phường/Huyện</label>
                    <div class="row gap-2">
                        <input type="number" class="form-control col-4" id="all_fee" name="all_fee" placeholder="Nhập mức giá (VNĐ)">
                        <button type="submit" class="btn btn-primary col-2">Cài lại</button>
                    </div>
                </div>
            </form>
        </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