@section('title', 'حساب کاربری | فروشگاه جنیکا')

@extends('frontend.layout.master')

@section('content')
<div class="container">

    <div class="row">
                    <aside id="column-right" class="col-sm-3 bgsefid profile">
                <a href="/profile"><h3 class="subtitle">حساب کاربری</h3></a>
                <div class="list-group">
                    <ul class="list-item">
                        <li><a href="{{route('address.index')}}">لیست آدرس ها</a></li>
                        <li><a href="{{route('profile.orders')}}">تاریخچه سفارشات</a></li>
                    </ul>
                </div>
            </aside>
        <!--Middle Part Start-->
        <div class="col-sm-7 col-sm-offset-1 contentregister" id="content">
            <h1 class="title"> ویرایش آدرس  </h1>
            <form  class="form-horizontal" method="post" action="/profile/address/{{$user->addresses[0]->id}}">
                @csrf
                <input type="hidden" name="_method" value="PATCH">
                <input type="hidden" name="back_url" value="{{ $backUrl }}">
                <fieldset id="address">
                                        <div class="form-group">
                        <label for="input-company" class="col-sm-2 control-label">استان</label>
                        <div class="col-sm-10">
                        <select class="form-control" name="province" required id="province">
                            <option disabled selected value>انتخاب کنید</option>
                            @foreach($province as $prov)
                            <option value="{{$prov->id}}" @if($prov->id == @$address->province_id) selected
                                @endif>{{$prov->name}}</option>
                            @endforeach
                        </select> 
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="input-company" class="col-sm-2 control-label">شهر</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="input-address-1" placeholder="شهر" value=" {{$user->addresses[0]->city}}" name="city" required>
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="input-address-1" class="col-sm-2 control-label">آدرس</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="input-address-1" placeholder="آدرس" value=" {{$user->addresses[0]->address}}" name="address" required>
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="input-postcode" class="col-sm-2 control-label">کد پستی</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="input-postcode" placeholder="کد پستی" value=" {{$user->addresses[0]->post_code}}" name="post_code" required>
                        </div>
                    </div>
                </fieldset>

                <div class="form-group">
                <div class="buttons">
                    <div class="pull-right">
                        <input type="submit" class="btn btn-primary" value="ویرایش">
                    </div>
                </div>
                </div>
            </form>
        </div>
        <!--Middle Part End -->
    </div>
    </div>
    
    
    <script>
    $('#province').change(function() {
    var province_id = $(this).val();
    $.ajax({
        type: "GET",
        url: "{{url('get-city-list')}}?province_id=" + province_id,
        success: function(res) {
            if (res) {
                $("#city").empty();
                $("#city").append('<option value="">انتخاب کنید</option>');
                $.each(res, function(key, value) {
                    $("#city").append('<option value="' + key + '">' + value + '</option>');
                });

            } else {
                $("#city").empty();
            }
        }
    });
});

$("#frm").submit(function(event) {

var valDDL = $("#city").val();
if (valDDL == "") {
    event.preventDefault();
    alert("لطفا شهر را انتخاب کنید.");
}

});

  </script>
@endsection