@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection

@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("stores")}}</h1>
        <p>{{__("all-stores")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="{{route("admin.stores.index")}}">{{__("stores")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("create")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<form method="post" action="{{route("admin.stores.store")}}" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <input type="hidden" id="id" name="id" value="0">
                                <div style="width: 29%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("number")}}</b></label>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('number')) is-invalid @endif" type="text" name="number" id="number" placeholder="{{__("enter-number")}}" value="{{$latestNumber}}">
                                    @error("number")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <div style="width: 29%">
                                    <label style="padding-left: 40px" class="col-form-label"><b>{{__("name")}}</b></label>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('name')) is-invalid @endif" type="text" name="name" id="name" placeholder="{{__("enter-name")}}">
                                    @error("name")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <div style="width: 29%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("type")}}</b></label>
                                </div>
                                <div class="col-sm-8">
                                    <select class="form-control @if($errors->has('type_id')) is-invalid @endif" id="type_id" name="type_id">
                                        <option></option>
                                        @foreach($storeTypes as $storeType)
                                        <option value="{{$storeType->id}}" @if(old("type_id")) {{selected("type_id", $storeType->id)}} @endif>{{$storeType->description}}</option>
                                        @endforeach
                                    </select>
                                    @error("type_id")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <div style="width: 29%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("contact-person")}}</b></label>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('contact_person')) is-invalid @endif" type="text" name="contact_person" id="contact_person" placeholder="{{__("enter-contact-person")}}" value="{{inputValue("contact_person")}}">
                                    @error("contact_person")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <div style="width: 29%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("location")}}</b></label>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control @if($errors->has('location')) is-invalid @endif" type="text" name="location" id="location" placeholder="{{__("enter-location")}}" value="{{inputValue("location")}}">
                                    @error("location")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 10px">
                        <div class="col-lg-12">
                            <div class="form-group row">
                                <div style="width: 14.5%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("notes")}}</b></label>
                                </div>
                                <div class="col-sm-9">
                                    <textarea style="height: 40px;" class="form-control @if($errors->has('note1')) is-invalid @endif" type="text" name="note1" id="note1" placeholder="{{__("enter-notes")}}" value="{{inputValue("note1")}}"></textarea>
                                    @error("note1")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group row">
                                <div style="width: 14.5%">
                                    <label style="padding-left: 40px" for="staticEmail" class="col-form-label"><b>{{__("notes")}}</b></label>
                                </div>
                                <div class="col-sm-9">
                                    <textarea style="height: 40px;" class="form-control @if($errors->has('note2')) is-invalid @endif" type="text" name="note2" id="note2" placeholder="{{__("enter-notes")}}" value="{{inputValue("note2")}}"></textarea>
                                    @error("note2")
                                    <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="tile-footer">
                        <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("save")}}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</form>

@endsection
@section("scripts")
<script type="text/javascript">
    $("#type_id").select2({
        placeholder: "{{__('select-type')}}",
        width: "100%",
    });

    var baseUrl = window.location.origin;
    $("#number").on("change", function() {
        $.ajax({
            type: "get",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: baseUrl + "/en/ajax/stores/get-store-details/" + $("#number").val(),
            success: function(response) {
                if (response["status"] === 200) {
                    $("#id").val(response["data"]["id"]);
                    $("#contact_person").val(response["data"]["contact_person"]);
                    $("#location").val(response["data"]["location"]);
                    $("#note1").val(response["data"]["note1"]);
                    $("#note2").val(response["data"]["note2"]);
                    $('#type_id').empty().append(`
                    <option></option>
                    @foreach($storeTypes as $storeType)
                        <option value="{{$storeType->id}}">{{$storeType->description}}</option>
                    @endforeach
                `);
                    var typeVal = response["data"]["type_id"];
                    $("#type_id option[value='" + typeVal + "']").attr("selected", "selected");
                } else {
                    $("#id").val("0");
                    $("#contact_person").val("");
                    $("#location").val("");
                    $("#note1").val("");
                    $("#note2").val("");
                    $('#type_id').empty().append(`
                    <option></option>
                    @foreach($storeTypes as $storeType)
                        <option value="{{$storeType->id}}" @if(old("type_id")) {{selected("type_id", $storeType->id)}} @endif>{{$storeType->description}}</option>
                    @endforeach
                `);
                }
            },
            error: function(response) {}
        });
    });
</script>

@endsection