@extends('layouts.admin')
@section('content')
    <div class="col-lg-12">
        @include('partials.success')
        <div class="row">
            @yield('content')
        </div>
    </div>
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading grid-header">
                <span>Manage Competitive Survey Details</span>
                <a href="{{ route('competitive.create') }}" class="btn btn-sm btn-primary">Add New</a>

            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <table width="100%" class="table table-striped table-bordered table-hover dt-head-nowrap" id="listTable">
                    <thead>
                    <tr>
                        <th>Reference No</th>
                        <th>Data Collector</th>
                        <th>Location</th>
                        <th>Respondent Name</th>
                        <th>Gender</th>
                        <th>Interview Date</th>
                        <th class="no-sort" style="width: 90px">Action(s)</th>
                    </tr>
                    </thead>
                    <tbody>

                    @forelse ($demographics as $demographics)
                        <td><a href="#">{{ $demographics->datasheet_id }}</a></td>
                        <td>{{ $demographics->data_collector }}</td>
                        <td>{{ $demographics->location }}</td>
                        <td>{{ $demographics->respondent_name }}</td>
                        <td>{{ $demographics->gender }}</td>
                        <td>{{ date('F j, Y',strtotime($demographics->date_of_interview)) }}</td>
                        <td>
                            <a href="{{ route('competitive.edit', $demographics->id) }}" class="edit-btn" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>
                            @if(hasRole())

                                <form id="delete-form-{{ $demographics->id }}" method="post" action="{{ route('competitive.destroy',$demographics->id) }}"  style="display: none">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                </form>
                                <a href=""  class="delete-btn" onclick="if(confirm('Are you sure, You want to delete this')){
                                        event.preventDefault();document.getElementById('delete-form-{{ $demographics->id}}').submit();
                                        }
                                        else{
                                        event.preventDefault();

                                        } "><span class="fa fa-trash-o  fa-fw red"></span></a>


                            @endif
                        </td>
                        </tr>
                    @empty
                        <tr><td colspan="8">No record(s) to display</td></tr>

                    @endforelse
                    </tbody>
                </table>

                <!-- /.table-responsive -->
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
@endsection