@extends('admin.layouts.master')

@section('title','hotspot Page')

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center p-10 m-t-15">
            <div class="col-12">
                <form class="leadForm_wizard" action="{{isset($hotspot) ? route('admin.hotspot.update', $hotspot) : route('admin.hotspot.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @isset($hotspot)
                        @method('PUT')
                    @endisset
                    <h4>Form inputs</h4>
                    <div class="row">
                        <div class="col-6 form-group">
                            <label for="name_ar">Arabic Name</label>
                            <input type="text" name="name_ar" class="form-control" id="name_ar" value="" placeholder="Arabic Name">
                        </div>
                        <div class="col-6 form-group">
                            <label for="name_en">English Name</label>
                            <input type="text" name="name_en" class="form-control" id="name_en" value="" placeholder="English Name">
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-6 form-group">
                            <label for="link">link</label>
                            <input type="link" name="link" class="form-control" id="link" value="" placeholder="link">
                        </div>
                    </div>
                    <hr>
                    <br>
                    <div class="row">
                      <div class="col-6">
                          <input type="file" name="photo" class="form-input" id="customFile">
                          <label for="customFile">Choose file</label>
                      </div>
                      <div class="col-3 form-group">
                          <label for="ALt_ar">Arabic Title</label>
                          <input type="text" name="alt_ar" class="form-control" value="" id="alt_ar" placeholder="Arabic ALt">
                      </div>
                      <div class="col-3 form-group">
                          <label for="ALt_en">English Title</label>
                          <input type="text" name="alt_en" class="form-control" value="" id="alt_en" placeholder="English ALt">
                      </div>
                      @isset($slider)
                      <div class="col-6 form-group">
                          <label for="title_en">Image</label>
                          <img src="{{$slider->image->full_url}}" alt="" width="60" height="60">
                      </div>
                      @endisset
                  </div>
                    <button type="submit" class="btn btn-primary">Save</button>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')

    @if(count($errors))
        @include('admin.layouts.js.old')
    @endif

    @isset($hotspot)
        @include('admin.layouts.js.values', ['values' => $hotspot] )
    @endisset
@endsection