@extends('admin.layouts.app')
@section('title', 'Car Disposal List')
@section('content')
<div class="row">
    <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">
                    <div class="d-flex ml-auto">
                        Car Disposal List
                    </div>
                </h4>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">
                            Search
                        </h4>
                        <form action="{{ route('admin.orders') }}" method="GET">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="order_number" value="{{ request()->order_number }}"  id="order_number" placeholder="Order number">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <select class="form-control" name="make_id">
                                                <option value="">Select Make</option>
                                                @foreach ($makes as $make)
                                                    <option value="{{ $make->id }}" @if(request()->make_id == $make->id) selected @endif>{{ $make->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="customer" value="{{ request()->customer }}"  id="customer" placeholder="Search customer name or phone">
                                            <div class="input-group-append">
                                                <button class="btn btn-sm btn-success" type="submit">Submit</button>
                                                <button class="btn btn-sm btn-primary ml-2" id="reset" type="button" >Refresh</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="table-responsive  pt-3">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Order No.</th>
                                <th>Added By</th>
                                <th>Customer Name</th>
                                <th>Customer Phone</th>
                                <th>Make</th>
                                <th>Model</th>
                                <th>Year</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($orders->count() > 0)
                                @foreach ($orders as $order)
                                    <tr>
                                        <td>
                                            {{ $order->order_number }}
                                        </td>
                                        <td>
                                            {{ $order->user ? $order->user->name: '' }}
                                        </td>
                                        <td>
                                            {{ $order->orderCustomer ? $order->orderCustomer->name: '' }}
                                        </td>
                                        <td>
                                            {{ $order->orderCustomer ?$order->orderCustomer->phone: ''  }}
                                        </td>
                                        <td>
                                            {{ $order->orderCarDetails ? $order->orderCarDetails->make? $order->orderCarDetails->make->name: '' : '' }}
                                        </td>
                                        <td>
                                            {{ $order->orderCarDetails ? $order->orderCarDetails->model: ''  }}
                                        </td>
                                        <td>
                                            {{ $order->orderCarDetails ? $order->orderCarDetails->year: ''  }}
                                        </td>
                                        <td>
                                            {{ $order->orderStatus ? ucfirst($order->orderStatus->name): ''  }}
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                 <a href="{{ route('admin.orders.view', $order->id) }}"
                                                     class="btn btn-primary btn-sm mr-1"><i
                                                        class="fa fa-eye"></i></a>
                                                <a href="{{ route('admin.orders.delete', $order->id) }}"
                                                    onclick="return confirm('Are you sure want to delete this order?')"
                                                    class="btn btn-danger btn-sm mr-1"><i
                                                        class="fa fa-trash"></i></a>

                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="9">No content found</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="d-flex mt-2 pagination">
                    {{ $orders->appends(request()->query())->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $('#reset').on('click', function() {
        window.location.href = "{{ route('admin.orders') }}";
    });
</script>
@endsection