@extends('web.layouts.main')
@section('content')


 
    <main>

        <!-- Start Header -->
        @include('web.pages.components.header',compact('title'))

        <!-- Start register-sec -->
        <section class="register-pg section">
            <div class="container">
                <div class="col-md-8 m-auto">
                    <div class="register-box wow fadeInUp">
                        <div class="head">
                            <div class="logo-box">
                                <img src="{{url('')}}/assets/web/images/logo.svg" alt="" class="logo"/>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="head-text text-center mb-5">
                                <h2 class="title color-dark"><b> {{__('web.create_acc')}}  </b></h2>
                                <p class="p color-gray2 mb-1">{{__('web.create_acc_desc')}}  </p>
                            </div>
                            <form method="post" action="{{url(getCurrentLocale().'/regist')}}" onsubmit="saveForm(this)">
                                @CSRF
                                <div class="col-lg-12 m-auto">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="profile-avatar mb-4" id="imagePreview" style="background-image: url('{{url('')}}/assets/web/images/avatar-4.png');">
                                                <input type="file" name='photo'class="custom-file-input" id="imageUpload" >
                                                <button><i class="far fa-edit"></i></button>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="name" placeholder=" {{__('web.name')}} " type="text">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="email" placeholder=" {{__('web.email')}}  " type="email">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="library_image" type="file" id="formFile">
                                                <span class="butn secondary_butn browse_butn"> {{__('web.library_image')}}</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="brand_name" placeholder=" {{__('web.brand_name')}} " type="text">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <select name="city_id" class="form-control form-select">
                                                    <option selected disabled>{{__('web.city')}}</option>
                                                    @foreach($cities as $row)
                                                        <option value="{{$row->id}}">{{$row->descriptions()->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name='address' placeholder=" {{__('web.library_address')}}   " type="text">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="map_box mb-4">
                                                <input type="hidden" name="latlng" id="latlng" value="">
                                    			<div id="address-canvas">
                                    				<div id="map" style=" height: 400px;border: 1px solid #000;"></div>
                                    			</div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4" style="height: 60px;">
                                                <h6 class="sm_label mb-2">{{__('web.delivery')}}</h6>
                                                <div class="d-flex align-items-center">
                                                    <div class="form-check me-5">
                                                        <input class="form-check-input" type="radio" value="true" name="delivery" id="deliverRadio1" checked>
                                                        <label class="form-check-label" for="deliverRadio1">
                                                            {{__('web.exist')}}
                                                        </label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" value="false" name="delivery" id="deliverRadio2" >
                                                        <label class="form-check-label" for="deliverRadio2">
                                                             {{__('web.not_exist')}}
                                                        </label>
                                                    </div>
                                                </div>
                                          
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4" id="delivery_price">
                                                <input class="form-control" placeholder=" {{__('web.cost')}} " name="cost" type="number">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="mb-4">
                                                <div class="accordion mb-4" id="accordionExample">
                                                    <h6 class="sm_label mb-3">{{__('web.work_time')}}</h6>
                                                    @foreach($days as $day)
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingTwo{{$day}}">
                                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo{{$day}}" aria-expanded="false" aria-controls="collapseTwo{{$day}}">
                                                                {{__('web.'.$day)}}
                                                            </button>
                                                        </h2>
                                                        <div id="collapseTwo{{$day}}" class="accordion-collapse collapse" aria-labelledby="headingTwo{{$day}}" data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <div class="form-group">
                                                                    <input class="form-control" name="work[{{$day}}]" placeholder="{{__('web.work_time')}}  {{__('web.from')}} 00:00 {{__('web.to')}} 00:000" type="text">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                          
                                        </div>
                                        
                                        <div class="col-lg-6">
                                            <div class="form-group show_hide_password mb-4">
                                                <input type="password" name="password" class="form-control shadow_input" placeholder="{{__('web.password')}} ">
                                                <i class="show_pass far fa-eye-slash"></i>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group show_hide_password mb-4">
                                                <input type="password" name="password_confirmation" class="form-control shadow_input" placeholder="{{__('web.password_confirmation')}}  ">
                                                <i class="show_pass far fa-eye-slash"></i>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-check mb-4">
                                                <input class="form-check-input" type="checkbox" name="condition" required value="" id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    {{__('web.accept')}} <a href="{{url(getCurrentLocale().'/condition/provider')}}" target="_blank" class="color-gray2">{{__('web.condition')}}</a> {{__('web.and')}} <a href="{{url(getCurrentLocale().'/privacy/provider')}}" target="_blank" class="color-gray2"> {{__('web.privacy')}}</a>
                                                </label>
                                              </div>
                                        </div>
                                    </div>
                                </div>
                                    <button class="submit_butn butn primary_butn fw-bold fs-6 mt-5 w-100 py-3" type="submit"> {{__('web.regist')}} </button>
                                    <p class="anothe_opt mt-4 mb-0 text-center"> {{__('web.have_acc')}} <a href="{{url('library/login')}}" class="color-primary"> {{__('web.login')}}  </a></p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
    @push('js')
    <script>
        let url_home = {!! json_encode(url(getCurrentLocale().'/regist/continue')) !!};
    </script>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPlr_6il13cTG-2XvApRKUHDrK1nK5WwI&callback=initMap"></script>
        <script src="{{url('')}}/assets/web/js/custom/registAction.js"></script>
        <script src="{{url('')}}/assets/web/js/custom/formAction.js"></script>
    @endpush
@stop