@extends('layout')
@section('content')
@if (session('status'))
<div class="alert alert-success" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('status') }}
</div>
@elseif(session('failed'))
<div class="alert alert-danger" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('failed') }}
</div>
@endif
<!--Content Header (Page header)-->
<div class="content-header row align-items-center m-0">
    
    <div class="col-sm-8 header-title p-0">
        <div class="media">
            <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
            <div class="media-body">
                <h1 class="font-weight-bold">Survey History</h1>
                <small>With survey details</small>
            </div>
        </div>
    </div>
</div>
<div class="body-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>SN</th>
                                    <th>Company Name</th>
                                    <th>Contact No.</th>
                                    <th>Request Date</th>                                 
                                    
                                </tr>
                            </thead>
                            <tbody>
                                @php $sn=0; @endphp
                                @foreach ($site_survey_list as $site_survey)
                                @php $sn++; @endphp
                                <tr>
                                    <td>{{ $sn }}</td>
                                    <td>
                                        <a href="JavaScript:void()" onclick="detailsShow({{$site_survey->id}})" title="Click here to Survey Report"><b> {{ $site_survey->code }} </b>
                                        </a>                                        
                                    </td>
                                    <td>{{ $site_survey->cu_company }}</td>
                                    <td>{{ $site_survey->cu_contact_no }}</td>
                                    <td>{{ date('d-m-Y H:i A', strtotime($site_survey->create_dt)) }}</td>                                   
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/.body content-->
</div>
<div class="card"></div>


<div class="modal fade" id="serveyDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-body">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content" style="padding: 15px;">
                <div id="modalContent"></div>
            </div>
        </div>
    </div>
</div>

<script>

function detailsShow(id) {
    $.ajax({
        url: '{{ url('site_survey_details') }}',
        type: 'GET',
        data: { id: id },
        success: function(data) {
            $("#serveyDetails").modal('show');
            $("#modalContent").html(data);
        }
    });
}

</script>
@endsection