@extends('admin.layouts.app')

@section('title', 'Register Tender')

@section('content')
    <div class="row">
        <div class="col-md-12">
            @include('admin.includes.alerts')
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">REGISTER TENDER</h5>
                    <form method="post" enctype="multipart/form-data" action="{{ route('Store Tender') }}">
                        @csrf
                        <div class="row">

                            <div class="col-md-5">
                                <div class="position-relative form-group"><label for="customer_name"
                                                                                 class="">Customer Name</label>
                                    <input name="customer_name" id="customer_name" placeholder="Customer Name" type="text" class="form-control" required>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="customer_phone"
                                                                                 class="">Phone Number</label>
                                    <input name="customer_phone" id="customer_phone" placeholder="Phone Number" type="text" class="form-control" required>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="customer_address"
                                                                                 class="">Customer Address</label>
                                    <input name="customer_address" id="customer_address" placeholder="Customer Address" type="text" class="form-control">
                                </div>
                            </div>


                        </div>

                        <div class="row">

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="customer_email"
                                                                                 class="">Email</label>
                                    <input name="customer_email" id="customer_email" placeholder="Email (Optional)" type="email" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="prepared_by"
                                                                                 class="">Prepared By</label>
                                    <input name="prepared_by" id="customer_name" placeholder="Prepared By" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="position-relative form-group"><label for="remarks"
                                                                                 class="">Comments</label>
                                    <textarea name="remarks" id="remarks" placeholder="Details for Rented Buses (Optional)" type="text" class="form-control"></textarea>
                                </div>
                            </div>

                        </div>

                        <br>
                        <div class="row">

                            <div class="col-md-12">


                                <table style="width: 100%;" id="example"
                                       class="table table-responsive table-hover table-striped table-bordered">
                                    <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th width="12%">Bus</th>
                                        <th>Travel Date</th>
                                        <th>Passengers</th>
                                        <th>Rate</th>
                                        <th>Amount Paid</th>
                                        <th>Loading Place</th>
                                        <th>Off-Loading Place</th>
                                        <th>Driver</th>
                                        <th>Distance</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($buses as $i => $bus)
                                        <tr>
                                            <td>
                                                <input name="bus_index[]" value="{{ $i }}"
                                                       type="checkbox">
                                                {{$i+1}}
                                            </td>
                                            <td width="12%">
                                                <input name="bus_id[]" hidden  value="{{ $bus->bus_reg_no }}"
                                                       type="text" class="form-control">
                                                <input value="{{ $bus->bus_reg_no }}"
                                                       type="text" class="form-control">
                                            </td>
                                            <td>
                                                <input name="travel_date[]" id="travel_date" placeholder=""
                                                       type="date" class="form-control">
                                            </td>
                                            <td>
                                                <input name="passengers[]" id="passengers" placeholder=""
                                                       type="number" class="form-control">
                                            </td>
                                            <td>
                                                <input name="rate[]" id="rate" placeholder=""
                                                       type="number" class="form-control">
                                            </td>
                                            <td>
                                                <input name="amount_paid[]" id="amount_paid" placeholder=""
                                                       type="number" class="form-control">
                                            </td>
                                            <td>
                                                <input name="loading_place[]" id="loading_place" placeholder=""
                                                       type="text" class="form-control">
                                            </td>
                                            <td>
                                                <input name="offloading_place[]" id="offloading_place" placeholder=""
                                                       type="text" class="form-control">
                                            </td>
                                            <td><select name="driver[]" id="driver" class="form-control">
                                                    <option value=""></option>
                                                    @foreach($drivers as $driver)
                                                        <option
                                                            value="{{ $driver->id }}">{{ $driver->name }}</option>
                                                    @endforeach
                                                </select></td>
                                            <td>
                                                <input name="distance[]" id="distance" placeholder=""
                                                       type="number" class="form-control">
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>

                            </div>


                        </div>

                        <br>


                        <div class="d-block  card-footer">
                            <a href="{{ route('Tenders') }}" class="mr-2 btn btn-link btn-sm">Cancel</a>
                            <button type="submit" class="btn btn-success btn-lg">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection