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

@section('title')
<title>{{config('constants.APP_NAME')}} {{ ($edit)?'Edit':'Add' }} Auction</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">{{ ($edit)?'Edit':'Add' }} Auction - {{$country->country_name}} {{ isset($city->city_name)?'- '.$city->city_name:0}}</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <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"> {{ ($edit)?'Edit':'Add' }} Auction</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="addAuction" method="post" action="{{ route('admin.auction.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="auction_id" id="" value="{{ ($edit)?$auction->auction_id:0 }}">
                            <input type="hidden" name="country_id" id="" value="{{ isset($country->country_id)?$country->country_id:'' }}">
                            <input type="hidden" name="city_id" id="" value="{{ isset($city->city_id)?$city->city_id:'' }}">
                            <div class="card-body">
                                <div class="row">

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">SPOT</label>
                                            <input type="number" name="spot" id="spot" class="form-control" placeholder="SPOT#" value="{{ ($edit)?$auction->spot:old('spot')}}">
                                        </div>
                                        @if ($errors->has('spot'))
                                        <span class="text-danger">{{ $errors->first('spot') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">Listing Display Duration (Days)</label>
                                            <input type="number" name="display_duration" id="display_duration" class="form-control" placeholder="Listing display days" value="{{ ($edit)?$auction->display_duration:7}}">
                                        </div>
                                        @if ($errors->has('display_duration'))
                                        <span class="text-danger">{{ $errors->first('display_duration') }}</span>
                                        @endif
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">Bid Start Price</label>
                                            <input type="number" name="auction_start_price" id="auction_start_price" class="form-control" placeholder="Bid Start Price" value="{{ ($edit)?$auction->auction_start_price:$default_price}}">
                                        </div>
                                        @if ($errors->has('auction_start_price'))
                                        <span class="text-danger">{{ $errors->first('auction_start_price') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">Next Bid Price addition</label>
                                            <input type="number" name="bid_price_addition" id="bid_price_addition" class="form-control" placeholder="Next Bid Price addition" value="{{ ($edit)?$auction->bid_price_addition:old('bid_price_addition')}}">
                                        </div>
                                        @if ($errors->has('bid_price_addition'))
                                        <span class="text-danger">{{ $errors->first('bid_price_addition') }}</span>
                                        @endif
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">Bid Start Date</label>                                            
                                            <div class="input-group date" id="bid_startdate_field" data-target-input="nearest">
                                                <input type="text" name="bid_startdate" id="bid_startdate" value="{{ ($edit)?date('d/m/Y',strtotime($auction->bid_startdate)):old('bid_startdate')}}" class="form-control datetimepicker-input" data-target="#bid_startdate_field" />
                                                <div class="input-group-append" data-target="#bid_startdate_field" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                                </div>
                                            </div>
                                        </div>
                                        @if ($errors->has('bid_startdate'))
                                        <span class="text-danger">{{ $errors->first('bid_startdate') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="language_name">Bid End Date</label>
                                            <div class="input-group date" id="bid_enddate_field" data-target-input="nearest">
                                                <input type="text" name="bid_enddate" id="bid_enddate" value="{{ ($edit)?date('d/m/Y',strtotime($auction->bid_enddate)):old('bid_enddate')}}" class="form-control datetimepicker-input" data-target="#bid_enddate_field" />
                                                <div class="input-group-append" data-target="#bid_enddate_field" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                                </div>
                                            </div>
                                        </div>
                                        @if ($errors->has('bid_enddate'))
                                        <span class="text-danger">{{ $errors->first('bid_enddate') }}</span>
                                        @endif
                                    </div>

                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <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() {
        $('#addAuction').validate({
            rules: {
                spot: {
                    required: true,
                },
                display_duration: {
                    required: true,
                },
                auction_start_price: {
                    required: true,
                },
                bid_price_addition: {
                    required: true,
                },
                bid_startdate: {
                    required: true,
                },
                bid_enddate: {
                    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",
                },
                bid_startdate: {
                    required: "Please enter bid start date",
                },
                bid_enddate: {
                    required: "Please enter bid end date",
                }
            },
            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