@extends('admin.layouts.master')
@section('headerFiles')
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/datatables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/custom_dt_zero_config.css') }}">

@endsection

@section('content')

<div class="container">
    <div class="page-header">
        <div class="page-title">
            <h3>Cancellation Policies List</h3>            
        </div>
        <a href="{{ route('admin.policies.add')}}" class="mt-4 btn btn-button-7" style="float: right;">+ Add New</a>
    </div>

    <div class="row layout-spacing ">

        <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
            @if ( session('message'))
                <div class="alert alert-success alert-dismissable custom-success-box" style="margin: 15px;">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong> {{ session('message') }} </strong>
                </div>
            @endif
            <div class="statbox widget box box-shadow">
                <div class="widget-content widget-content-area">
                    
                    <div class="table-responsive mb-4">
                        
                        <table id="zero-config" class="table table-striped table-hover table-bordered" style="width:100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Title</th>
                                    <th>Status</th>
                                    <th>Created At</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($policies as $key => $policy)
                                <tr>
                                    <td>{{ $key +1 }}</td>
                                    <td>{{ $policy->title_en }}</td>
                                    <td>{{ $policy->status == 1 ? "Active" : "In Active" }}</td>
                                    <td>{{ date('d-m-Y ',strtotime($policy->created_at)) }}</td>
                                    <td class="align-center">
                                        <ul class="table-controls">
                                            <li><a href="{{ route('admin.policies.edit', ['id' => $policy->id])}}"><i class="flaticon-edit-fill-2"></i></a></li>
                                        </ul>
                                    </td>
                                </tr>                                    
                            @endforeach                            
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

@section('footerJs')
    <script src="{{ admin_asset('admin-assets/plugins/table/datatable/datatables.js') }}"></script>
    <script>
        $('#zero-config').DataTable({
            "language": {
                "paginate": { "previous": "<i class='flaticon-arrow-left-1'></i>", "next": "<i class='flaticon-arrow-right'></i>" },
                "info": "Showing page _PAGE_ of _PAGES_"
            }
        });
    </script>

@endsection