@extends('../../master_layout/admin_master')


@section('title')
<title>{{config('constants.APP_NAME')}} Auction - Auto Settings</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Auction - Auto Settings - @if(isset($city) && !empty($city)) {{$city->city_name}} @endif {{$country->country_name}}</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.country.list')}}" target="">Countries</a></li>
                        @if(isset($city) && !empty($city))
                        <li class="breadcrumb-item"><a href="{{ route('admin.city.list',['country' => $city->country_id])}}" target="">Cities</a></li>
                        @endif
                        <li class="breadcrumb-item"><a href="{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" target="">Auctions</a></li>
                        <li class="breadcrumb-item active"> Auto Settings</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
               
                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                        <form id="auto_auction_form" method="post" action="{{route('admin.auction.settings.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="country_id" id="country_id" value="{{$country->country_id}}">
                            <input type="hidden" name="city_id" id="city_id" value="{{isset($city->city_id)?$city->city_id:0}}">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-sm text-sm">
                                        <thead>
                                            <tr>
                                                <th class="text-center">SPOT</th>
                                                <th class="text-center">Listing Days</th>
                                                <th class="text-center">Bid Start Price</th>
                                                <th class="text-center">Next Bid Price addition</th>
                                                <th class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td style="border-bottom:double;" class="text-center">
                                                    <input type="text" name="spot" value="{{(old('spot'))}}" class="form-control" id="spot">
                                                    @if ($errors->has('spot'))
                                                    <span class="text-danger">{{ $errors->first('spot') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;" class="text-center">
                                                    <input type="number" name="display_duration" value="{{(old('display_duration'))}}" class="form-control" id="display_duration">
                                                    @if ($errors->has('display_duration'))
                                                    <span class="text-danger">{{ $errors->first('display_duration') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;" class="text-center">                                                    
                                                    <input type="number" name="auction_start_price" id="auction_start_price" class="form-control" placeholder="Bid Start Price" value="{{$default_price}}">                                                 
                                                    @if ($errors->has('auction_start_price'))
                                                    <span class="text-danger">{{ $errors->first('auction_start_price') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;" class="text-center">                                                    
                                                <input type="number" name="bid_price_addition" id="bid_price_addition" class="form-control" placeholder="Next Bid Price addition" value="{{ old('bid_price_addition')}}">
                                                    @if ($errors->has('bid_price_addition'))
                                                    <span class="text-danger">{{ $errors->first('bid_price_addition') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;" class="text-center">
                                                    <button type="submit" id="btn_add_schedule" class="btn btn-primary">Add</button>
                                                </td>
                                            </tr>
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3>Auto Auction Settings</h3>
                                <small>
                                    System will create auto auction for below SPOTs and settings.<br>
                                    If any auction running for SPOT then Bid start will be 3 days after current auction expiry, else Bid start will be from tomorrow date.
                                </small>
                                <div class="table-responsive">
                                    <table class="table table-bordered table-sm text-sm">
                                        <thead>
                                            <tr>
                                                <th class="text-center">SPOT</th>
                                                <th class="text-center">Listing Days</th>
                                                <th class="text-center">Bid Start Price</th>
                                                <th class="text-center">Next Bid Price addition</th>
                                                <th class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>                                            
                                            @if(isset($auction_auto_settings) && !empty($auction_auto_settings))
                                                @foreach($auction_auto_settings as $setting)
                                                <tr>
                                                    <td class="text-center">{{ $setting->spot }}</td>
                                                    <td class="text-center">{{ $setting->display_duration }}</td>
                                                    <td class="text-center">{{ $setting->auction_start_price }}</td>
                                                    <td class="text-center">{{ $setting->bid_price_addition }}</td>
                                                    <td class="text-center">
                                                        <a class="btn btn-danger btn-sm  btn-delete mr-1 mb-1" href="{{ route('admin.auction.setting.delete', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0, 'auction_auto_id' => $setting->auction_auto_id]) }}"><i class="fas fa-trash"></i>&nbsp; Delete</a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">

                                <a href="{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" class="btn btn-dark float-right">Back</a>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')

<script>
     $(function() {
        $('#auto_auction_form').validate({
            rules: {
                spot: {
                    required: true,
                },
                display_duration: {
                    required: true,
                },
                auction_start_price: {
                    required: true,
                },
                bid_price_addition: {
                    required: true,
                },
                
            },
            messages: {
                spot: {
                    required: "Please enter spot",
                },
                display_duration: {
                    required: "Please enter display_duration",
                },
                auction_start_price: {
                    required: "Please enter auction start price",
                },
                bid_price_addition: {
                    required: "Please enter price addition to next bid",
                },
                
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

        //Date picker
        $('#bid_startdate_field').datetimepicker({
            format:'DD/MM/YYYY',
            useCurrent:false
        });
        $('#bid_enddate_field').datetimepicker({
            format:'DD/MM/YYYY',
            useCurrent:false
        });
    });
</script>
@endsection