@extends('layout')
@section('content')
<style type="text/css">
    .blink {
      animation: blink-animation 1s steps(5, start) infinite;
      -webkit-animation: blink-animation 1s steps(5, start) infinite;
    }
    @keyframes blink-animation {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink-animation {
      to {
        visibility: hidden;
      }
    }
</style>
@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">
    <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
        <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
            {{-- <li class="breadcrumb-item"><a href="JavaScript:void(0)" onClick="newWorkOrder();">+ New Work Order</a></li> --}}
            <li class="breadcrumb-item"><a href="{{ route('companies.create') }}">+ New Company</a></li>
        </ol>
    </nav>
    <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">All Companies</h1>
            </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>Company Name</th>
                                    {{-- <th>Branch Name</th> --}}
                                    <th>Company Address</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 0;@endphp
                                @foreach ($companies as $company)
                                @php $i++; @endphp
                                <tr>
                                    <td>{{ $i }}</td>
                                    <td>{{$company->company_name}}</td>
                                    {{-- <td>{{$company->branch->branch_name}}</td> --}}
                                    <td>{{$company->company_address}}</td>
                                    <td>
                                        <a href="{{route('companies.edit',$company)}}" title="Edit"> <i class="fa fa-edit" aria-hidden="true"></i></a>
                                        <form action="{{ route('companies.destroy', $company->id) }}" method="POST" style="display: inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" title="Delete" style="border: none; background: none; padding: 0; cursor: pointer;"
                                                onclick="return confirm('Are you sure you want to delete this company?');">
                                                <i class="fa fa-trash" aria-hidden="true"></i>
                                            </button>
                                        </form>
                                    </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);
        }
    });
}

function newWorkOrder() {

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

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

function active_customer(cu_id)
{
    $.ajax({
        url:'{{ url('details') }}',
        type: 'GET',
        data: { id:cu_id },
        success: function(data)
        {
            $("#serveyDetails").modal('show');
            $("#modalContent").html(data);
        }
    });
}
</script>
@endsection