@extends('layouts.app-agent')
@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('agent.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('agent/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>Id</th>
                        <th>Name</th> 
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($area as $key=>$row)
                    <tr class="odd gradeX">
                        <td>{{$row->id}}</td>
                       
                        <td>{{$row->name}}</td>  
                        
                        <td>
                            <a href="{{url('agent/area/edit/'.$row->id)}}" 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('agent/area')}}/"+record_id
            );
    });


</script>
@endsection