@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

@endpush


@section('content')

                     <!-- start page title -->
                        <div class="row" >
                            <div class="col-12">
                                <div class="page-title-box d-flex align-items-center justify-content-between">
                                    <h4 class="mb-0 font-size-18">Edit Shop</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->



                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card">
                                    <div class="card-body">

                                        <form method="POST" action="/shops/edit_shop/{{$shop->shop_id}}">
                                            @csrf

                                            <h4 class="card-title mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">Shop Details</h4>
                                             <div class="row">

                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Shop Name</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" value="{{$shop->name}}" name="name" required>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">

                                                

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                    <label for="formrow-inputState">Select Country Of Operation</label>
                                                        <select id="formrow-inputState" class="form-control text-coffee" name="country_id" >

                                                                <option value="{{$shop->country_id}}" selected>{{$shop->country->country}}</option>
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Select Region</label>
                                                        <select id="formrow-inputState" class="form-control text-coffee" name="region_id" required>
                                                            <option>Choose</option>
                                                            @foreach($regions as $region)    
                                                            <option @if($shop->region_id==$region->id) selected="" @endif value="{{$region->id}}">{{$region->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Location(Address)</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="location" required="" value="{{$shop->location}}">
                                                    </div>
                                                </div>

                                            </div>


                                            <!--CONTACT INFO-->


                                            <h4 class="card-title mt-4 mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">Contact Details</h4>
                                            

                                            <div class="row">
                                                    <div class="col-8">
                                                        <label class="text-muted">Person1</label>
                                                    </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Full Name</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person1_name" required value="{{$shop->person1_name}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Title</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person1_title" required value="{{$shop->person1_title}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">MSISDN</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person1_msisdn" required value="{{$shop->person1_msisdn}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Email</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person1_email" required value="{{$shop->person1_email}}">
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">
                                                    <div class="col-8">
                                                        <label class="text-muted">Person 2</label>
                                                    </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Full Name</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person2_name" required value="{{$shop->person2_name}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Title</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person2_title" required value="{{$shop->person2_title}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">MSISDN</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person2_msisdn" required value="{{$shop->person2_msisdn}}">
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Email</label>
                                                      <input type="text" class="form-control text-coffee" id="formrow-firstname-input" name="person2_email" required value="{{$shop->person2_email}}">
                                                    </div>
                                                </div>

                                            </div>


                                            <!--AFFILITATE INFO-->

                                             <h4 class="card-title mt-4 mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">Affiliate Details</h4>

                                             <div class="row">

                                                

                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                    <label for="formrow-inputState">Telco</label>
                                                        <select id="formrow-inputState" class="form-control text-coffee">
                                                            <option>Choose</option>

                                                                    @foreach($telcos as $telco)
                                                                    <option @if($telco->telco_id==$shop->telco_id) selected="" @endif value="{{$telco->telco_id}}">{{$telco->telco}}</option>
                                                                    @endforeach
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Campaign</label>
                                                        <select id="formrow-inputState" class="form-control text-coffee">
                                                            <option>Choose</option>
                                                            @foreach($campaigns as $campaign)
                                                                <option @if($campaign->campaign_id==$shop->campaign_id) selected="" @endif value="{{$campaign->campaign_id}}">{{$campaign->campaign_name}}</option>
                                                            @endforeach    
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                            </div>




                                            <div class="row">
                                            <div class="col-lg-3">
                                            <button href="#" class="mt-4 btn btn_blck w-md" style="width:100%;">Add Shop</button>
                                            </div>
                                            </div>

                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>


@endsection



@push('scripts')

 <!-- twitter-bootstrap-wizard js -->

        
        <script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
       <script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script> 



@endpush