@extends('../../master_layout/admin_master')


@section('title')
<title>{{config('constants.APP_NAME')}} Locations Area</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Locations of {{$result[0]->name}} > {{$result[0]->city_name}} > {{$result[0]->location_name}}</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.city.location.list',['city'=>$result[0]->city_id])}}" target="">Location</a></li>
                        <li class="breadcrumb-item active"> Area</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-body">
                            <div class="row m-1">
                                <div class="col-md-3">
                                    <label for="">Plan Name</label>
                                    <p></p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div> -->



                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                        <form id="" method="post" action="{{route('admin.city.location.area.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="city_location_id" id="city_location_id" value="{{$result[0]->city_location_id}}">
                            <div class="card-body">
                                <div class="row">
                                    <table class="table table-responsive table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="width:100%">Area Name</th>
                                                <th style="width:15%">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td style="border-bottom:double;">
                                                    <input type="text" name="area_name" value="{{(old('area_name'))}}" class="form-control" id="area_name">
                                                    @if ($errors->has('area_name'))
                                                    <span class="text-danger">{{ $errors->first('area_name') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;">
                                                    <button type="submit" id="" class="btn btn-primary">Add</button>
                                                </td>
                                            </tr>

                                            @if(isset($areas) && !empty($areas))
                                            @foreach($areas as $area)
                                            <tr>

                                                <td>
                                                    <input type="text" name="edit_area_name_{{$area->city_location_area_id}}" value="{{$area->area_name}}" class="form-control" id="edit_area_name_{{$area->city_location_area_id}}">
                                                </td>

                                                <td>
                                                    <button type="button" id="btn_update_city_location_area{{$area->city_location_area_id}}" onclick="fn_update('{{$area->city_location_area_id}}')" class="btn btn-warning">Update</button>
                                                    <!-- <button type="button" id="btn_delete_city_location{{$area->city_location_area_id}}" onclick="fn_delete('{{$area->city_location_area_id}}')" class="btn btn-danger mt-2">Blocked</button> -->
                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif

                                        </tbody>
                                    </table>
                                    @if (!empty($areas))

                                    {!! $areas->links() !!}

                                    @endif
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">

                                <a href="{{route('admin.city.location.list',['city'=>$result[0]->city_id])}}" class="btn btn-dark float-right">Back</a>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')

<script>
    function fn_update(city_location_area) {
        if (city_location_area > 0) {
            var city_location_id = $('#city_location_id').val();
            var area_name = $('#edit_area_name_' + city_location_area).val();
        }
        var form_data = {
            city_location_id: city_location_id,
            area_name: area_name,
            city_location_area_id: city_location_area,
        };

        var conf = confirm("Are you sure?");
        if (conf == false)
            return false;
        $.ajax({
            url: '{{route("admin.city.location.area.update")}}',
            type: "POST",
            data: form_data,
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.result == true) {
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                location.reload();
            }
        });
    }

    function delete_schedule(schedule) {
        var conf = confirm("Are you sure? you want to delete this schedule.");
        if (conf == false)
            return false;
        var form_data = {};
        if (schedule > 0) {
            form_data.schedule_id = schedule;
        }
        $.ajax({
            url: '',
            type: "POST",
            data: form_data,
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                alert(response);
                if (response.result == true) {
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
            }
        });
    }
</script>
@endsection