@extends('master')

@section('content')
<section class="section dashboard">
    <div class="row">
        <div class="col-12">
            @if(Session::has('error'))
                <div class="alert alert-danger">
                    {{ Session::get('error') }}
                </div>
            @endif
            @if(Session::has('message'))
                <div class="alert alert-danger extra mb-5">
                    {{ Session::get('message') }}
                </div>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h3 class="fw-bold fs-5">Work Order List</h3>
                @if(auth()->user()->role_id == 2)
                    <a href="{{ url('workorder/create') }}">
                        <button type="button" class="btn btn-success" id="add_vehicle">Create Work Order</button>
                    </a>
                @endif
            </div>
            <div class="card mt-3">
                <div class="card-body px-0 py-4">
                    <div class="table-responsive">
                        <table id="customer_tbl" class="table customer-tbl" style="width:100%">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" class="select-all-checkbox"></th>
                                    <th>ID</th>
                                    <th class="all">Company</th>
                                    <th>Service Category</th>
                                    <th>No. of Vehicles</th>
                                    <th>Date</th>
                                    <th class="all">Status</th>
                                    <th class="all">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach($woList as $wo)
                                <tr>
                                    <td><input type="checkbox" class="select-checkbox"></td>
                                    <td>{{ $wo->wo_id }}</td>
                                    <td>{{ $wo->company->name }}</td>
                                    <td>{{ $wo->service_category_text }}</td>
                                    <td>{{ $wo->vehicles_count }}</td>
                                    <td>{{ $wo->wo_dt }}</td>
                                    <td>
                                        @if($wo->status == 1000)
                                            <span class="badge verified">Approved</span>
                                        @elseif($wo->status == 0)
                                            <span class="badge unverified">Disapproved</span>
                                        @elseif($wo->status == 100)
                                            <span class="badge pending">Pending</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if(Auth::user()->role->name == 'doctor')
                                            <a href="{{route('edit_workorder',['id' => $wo->id])}}"><i class="bi bi-pencil-square me-2"></i>Edit</a>
                                        @elseif(Auth::user()->role->name == 'admin' || Auth::user()->role->name == 'manager' || Auth::user()->role->name == 'mechano_ccp')
                                            <a href="{{route('view_workorder',['id' => $wo->id])}}"><i class="bi bi-eye-fill"></i>View</a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
@push('scripts')

<script>


$(document).ready(function () {
    $('.select-all-checkbox').change(function () {
        $('.select-checkbox').prop('checked', $(this).prop('checked'));
      });

      $('.select-checkbox').change(function () {
        $('.select-checkbox').not(this).prop('checked', false);
        $('.select-all-checkbox').prop('checked', false);
      });

     $('#customer_tbl').DataTable({
        responsive: true,
    });

});
  </script>
@endpush