@extends('adminlte::page')

@section('content')
    <div class="card" style="width:900px;margin:0px auto">
        <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill"
                        href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home"
                        aria-selected="true">Discounts</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill"
                        href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile"
                        aria-selected="false">Logo</a>
                </li>

            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content" id="custom-tabs-three-tabContent">
                <div class="tab-pane fade show active" id="custom-tabs-three-home" role="tabpanel"
                    aria-labelledby="custom-tabs-three-home-tab">
                    <h3 style="text-align:center"> Driver discounts</h3>


                    <form action="/carriers-portal/settings" method="post" style="margin-top:20px" id="add_discount">
                        @csrf
                        <div class="form-inline">
                            Add new discount: <select name="unit" class="form-control" style="width:200px" id="unit">
                                <option value=''>Select unit# </option>
                                @foreach ($drivers as $driver)
                                    <option value="{{ $driver->unit }}">{{ $driver->unit }} </option>
                                @endforeach
                            </select>
                            <input type="text" name="discount" class="form-control" placeholder="Discount ex 0.01c"
                                id="discount" style="margin-left:5px">
                            <input type="text" name="fee" class="form-control" placeholder="Fee" id="fee"
                                style="margin-left:5px" />
                            <input type="submit" class="btn btn-success" value="Save" style="margin-left:5px" />
                        </div>
                    </form>
                    <hr />
                    @if ($carrier_driver_discounts->count() > 0)
                        <table class="table table-bordered" style="width:850px;text-align:center;margin-top:30px">
                            <thead>
                                <th>Unit#</th>
                                <th>Discount</th>
                                <th>Fee</th>
                                <th>Delete</th>
                            </thead>
                            @foreach ($carrier_driver_discounts as $discount)
                                <tr>
                                    <td>{{ $discount->unit_no }}</td>
                                    <td> {{ $discount->discount }}</td>
                                    <td> {{ $discount->fee }}</td>
                                    <td> <a href="/carriers-portal/settings/delete-discount/{{ $discount->id }}"><button
                                                class="btn btn-danger" onclick="return confirm('Are you sure?')">X</td>
                                </tr>
                            @endforeach
                        </table>
                    @endif

                </div>
                <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel"
                    aria-labelledby="custom-tabs-three-profile-tab">
                    <form action="/carriers-portal/update-settings" method="POST" enctype="multipart/form-data" id="update_logo">
                        @csrf
                        <div class="form-group">
                            <strong>Select logo:</strong>
                            <input type="file" name="daily_price_logo" id="logo"/>
                            <button type="submit" class="btn btn-primary">Update logo</button>

                            <br /><br />

                            @if ($carrier->daily_price_logo != null)
                                Actual logo: <a href="{{ asset('daily_prices_images/' . $carrier->daily_price_logo) }}">
                                    <img src="{{ asset('daily_prices_images/' . $carrier->daily_price_logo) }}"
                                        alt=""></a>
                            @endif

                        </div>

                    </form>

                </div>

            </div>
        </div>
        <!-- /.card -->
    </div>


@stop
@section('js')

    <script>
        $(document).ready(function() {
            $('#add_discount').submit(function() {
                if ($('#discount').val() == '') {
                    alert('Please enter discount!');
                    return false;
                } else if ($('#unit option:selected').val() == '') {
                    alert('Please select unit#!');
                    return false;
                }
            });

            $('#update_logo').submit(function() {
                if ($('#logo').get(0).files.length === 0) {
                    alert("Please select a file!");
                    return false;
                }
            });
        });

    </script>
@stop