@extends('dashboard.layouts.master')

@section('css')
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">فروع التوزيع</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item active">فروع التوزيع</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('admin.branches.update', $data->id)}}" method="post">
                        @csrf
                        @method('patch')
                        <div class="form-group">
                            <label>{{trans('labels.name')}}</label>
                            <input type="text" class="form-control @error('title') is-invalid @enderror" name="title" value="{{$data->title }}">
                            @error('title')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>الترتيب</label>
                            <input type="number" class="form-control @error('sort_order') is-invalid @enderror" name="sort_order" value="{{$data->sort_order }}">
                            @error('sort_order')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>Shop for (optional)</label>
                            <select name="parent_id" class="form-control @error('parent_id') is-invalid @enderror">
                                <option value="">----- main branch -----</option>
                                @foreach($option['branches'] as $branch)
                                    @if($branch->id != $data->id)
                                        <option value="{{$branch->id}}" @if($branch->id == $data->parent_id) selected @endif>{{$branch->title}}</option>
                                    @endif
                                @endforeach
                            </select>
                            @error('parent_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>العنوان</label>
                            <input type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{ $data->address }}">
                            @error('address')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>ارقام التواصل</label>
                            <input type="text" class="form-control @error('contacts') is-invalid @enderror" name="contacts" value="{{ $data->contacts }}">
                            @error('contacts')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>الموقع</label>
                            <input type="text" class="form-control @error('location') is-invalid @enderror" name="location" value="{{ $data->location }}">
                            @error('location')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>المحافظة</label>
                            <select name="gov_id" class="form-control @error('gov_id') is-invalid @enderror" id="gov_id">>
                                <option value="">اون لاين</option>
                                @foreach($option['governments'] as $government)
                                    <option value="{{$government->id}}" @if($government->id == $data->gov_id) selected @endif>{{$government->governorate_name_ar}}</option>
                                @endforeach
                            </select>
                            @error('gov_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>المدينة</label>
                            <select name="city_id" class="form-control @error('city_id') is-invalid @enderror" id="city_id">
                    
                            </select>
                            @error('city_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>خصم خاص % من سعر البيع (في حالة عدم التحديد يتم اعتماد التكلفة)</label>
                            <input type="number" class="form-control @error('discount') is-invalid @enderror" name="discount" value="{{ $data->discount }}">
                            @error('discount')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                تحديث
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')

<script type="text/javascript">
    $('#gov_id').change(function() {
        handleAreas($(this).val())
    });

    window.addEventListener('load', () => {
      const govId = $('#gov_id').val();
      if (govId != "") {
        handleAreas(govId)
      }
    });

    function handleAreas(gov) {
       
        let cityId = "{{$data->city_id}}";
        let url = '/get-cities-by-governorate/' + gov;
        $.ajax({
            url: url,
            method: 'get',
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            success: function(response) {
                $('#city_id').empty();
                // $('#city').empty();
                // $('select[name=area]').append(`
                //         <option value="">اختر المدينة </option>
                //         `);
                $.each(response, function(index, city) {
                    if(cityId == city.id){
                        $('#city_id').append(`<option value="${city.id}" selected>${city.city_name_ar}</option>`);
                    }else{
                        $('#city_id').append(`<option value="${city.id}" >${city.city_name_ar}</option>`);
                    }
                });

                console.log(response);
            },
            error: function() {
                return false; //this will prevent to go to next step
            }
        });
    }
</script>
@endsection