@extends('layouts.app-admin')
@section('content')

<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Manage Area</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Location</li>
            <li class="breadcrumb-item active">Manage Area</li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Area List
        <a href="{{url('admin/area/create')}}" class="btn btn-success btn-sm  btn-round float-right" ><i class="feather icon-plus"></i> Add Area</a>
        </h6>
             
        <div class="card-datatable table-responsive">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>Name</th>
                        <th>State</th>
                        <th>City</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($area as $key=>$row)
                    <tr class="odd gradeX">
                        <td>{{$key+1}}</td>
                       
                        <td>{{$row->name}}</td>  
                        <td>{{@$row->GetState->name}}</td> 
                        <td>{{@$row->GetCity->name}}</td>                       
                          <td>  @if($row->status=='active')
                          <a href="{{url('admin/area/status/'.$row->id.'/inactive')}}" >
                        <span class="badge badge-success">Active</span> </a>
                        @else
                        <a href="{{url('admin/area/status/'.$row->id.'/active')}}" >
                        <span class="badge badge-danger">In-Active</span> </a>
                        @endif
                        </td>
                        <td>
                            <a href="{{url('admin/area/'.$row->id.'/edit')}}" class="btn btn-info btn-xs"><i class="feather icon-edit"></i> </a> 
                            <a href="javaScript:void(0)" class="btn btn-danger btn-xs delete" id="{{$row->id}}"><i class="feather icon-trash"></i> </a>  
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>

</div>
<!-- [ content ] End -->
@endsection


@section('script')

<script>

 $(document).on("click", ".delete", function () {
    var record_id = this.id;
    deletePopupMessageAjax(
            "Deleting area",
            "Are you sure want to delete this area ?",
            record_id,
            "{{url('admin/area')}}/"+record_id
            );
    });


</script>
@endsection