@extends('adminlte::page')

@section('title', 'blog')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Edit Visa</h1>
@stop

@php 
    $index_count1=1;
    
@endphp

@section('content')
    <div class="card shadow rounded-lg mb-3 px-5 py-2">
        <div class="row mt-3">
            <div class="form-group">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-white">
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.services.index') }}">Services</a></li>
                        <li class="breadcrumb-item active text-bold" aria-current="page">Edit</li>
                    </ol>
                </nav>
            </div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li> 
                    @endforeach
                </ul>
            </div>
        @endif
        <form id="file-upload" method="POST" action="" enctype="multipart/form-data">
            {{ csrf_field() }}


            <div class="row">
               <div class="col-md-6">
                <div class="form-group">
                    <label for="from_country">Select From Country</label>
                    <select class="category select2 rounded form-control" name="from_country" id="from_country" required>
                        <option value="">Select From Country...</option>
                        @foreach ($countries as $country)
                            <option value="{{ $country->id }}" {{ old('from_country_id', $details->country->from_country_id ?? '') == $country->id ? 'selected' : '' }}>
                                {{ $country->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="to_country">Select To Country</label>
                    <select class="category select2 rounded form-control" name="to_country" id="to_country" required>
                        <option value="">Select To Country...</option>
                        @foreach ($countries as $country)
                            <option value="{{ $country->id }}" {{ old('from_country_id', $details->country->to_country_id ?? '') == $country->id ? 'selected' : '' }}>
                                {{ $country->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>


                <!-- <div class="col-md-6">
                    <div class="form-group">
                        <label for="slug">Slug</label>
                        <input type="text" name="slug" tag="slug" class="form-control" id="slug" placeholder="Slug..." value="{{ $details->slug }}" required>
                    </div>
                </div> -->
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="title">Title</label>
                        <input type="text" name="title" class="form-control" id="title"  placeholder="Name..." value="{{$details->title}}" required>
                    </div>
                </div>

   

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="category">Select Heading <span class="text-danger"> *</span></label>
                        <select class="category select2 rounded form-control" name="title_heading" id="heading_name">
                            <option value="">Select Heading...</option>
                            @foreach ($headings as $heading)
                                <option value="{{ $heading }}" {{ old('heading', $details->title_heading) == $heading ? 'selected' : '' }}>{{ strtoupper($heading) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

              @php
                //$data=\App\Models\ViServicePrice::where('service_id',$details->visa->id)->first();
              @endphp

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="visament_fee">Visa Title</label>
                        <input type="text" name="visa_title" tag="visa_title" class="form-control" id="visa_title" placeholder="visa title ..." value="{{ $details->vi_service_validity->title }}" >
                    </div>
                </div>
				<div class="col-md-4">
                    <div class="form-group">
                        <label for="validity">Currency symbol</label>
                        <input type="text" name="currency_symbol" tag="currency_symbol" class="form-control" id="currency_symbol" placeholder="currency symbol..." value="{{ $details->vi_service_price->currency_sign }}" >
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="visament_fee">Stay Duration</label>
                        <input type="text" name="stay_duration" tag="visament_fee" class="form-control" id="visament_fee" placeholder="stay_duration..." value="{{ $details->vi_service_validity->stay_days }}" >
                    </div>
                </div>
				<div class="col-md-4">
                    <div class="form-group">
                        <label for="validity">Visa Validaty</label>
                        <input type="text" name="visa_validaty" tag="validity" class="form-control" id="validity" placeholder="visa_validaty..." value="{{ $details->vi_service_validity->valid_till}}" >
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="working_days">Working Days</label>
                        <input type="text" name="working_days" tag="working_days" class="form-control" id="working_days" placeholder="working_days..." value="{{ $details->vi_service_validity->working_days}}" >
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="visament_fee">Visa Fee</label>
                        <input type="text" name="visa_fee" tag="visament_fee" class="form-control" id="visa_fee" placeholder="visa_fee..." value="{{$details->vi_service_price->visa_fee}}" >
                    </div>
                </div>
								<div class="col-md-3">
                    <div class="form-group">
                        <label for="validity">Vfs Fee</label>
                        <input type="text" name="vfs_fee" tag="validity" class="form-control" id="validity" placeholder="vfs_fee..." value="{{$details->vi_service_price->vfs_fee}}" >
                    </div>
                </div>
								<div class="col-md-3">
                    <div class="form-group">
                        <label for="processing_time">Appoinment Fee</label>
                        <input type="text" name="appoinment_fee" tag="processing_time" class="form-control" id="processing_time" placeholder="appoinment_fee..." value="{{$details->vi_service_price->appoinment_fee}}" >
                    </div>
                </div>
								<div class="col-md-3">
                    <div class="form-group">
                        <label for="government_fee">Govt Fee</label>
                        <input type="text" name="government_fee" tag="government_fee" class="form-control" id="government_fee" placeholder="government_fee..." value="{{$details->vi_service_price->govt_fee}}" >
                    </div>
                </div>
              </div>
         
            </div>
            <!-- <div class="col-md-12"> -->

           

           
            <div class="row justify-content-between my-3">
               
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="submit">&nbsp;&nbsp;</label>
                        <input class="btn btn-block btn-success btn-lg" type="submit" value="Submit">
                    </div>
                </div>
            </div>
        </form>
    </div>
      
    <!-- </div> -->
@stop

@section('css')
    {{-- Add here extra stylesheets --}}

    <!-- <link rel="stylesheet" href="{{ asset('/admin/css/bootstrap-tagsinput.css')}}">
    <style>
        .input-group .custom-file {
            /* border-radius: 10px;  */
            overflow: hidden; 
        }
    </style> -->
@stop

@section('js')


  
    <script type="text/javascript">
       
        $(document).ready(function() {
        $('.select2').select2();
            $("#heading_name").select2({
                // placeholder: "Blog Status",
                allowClear: true,
                minimumResultsForSearch: -1
            });
        });
  

        
        // document.querySelector('.custom-file-input').addEventListener('change', function(e) {
        //     var fileName = e.target.files[0].name;
        //     var nextSibling = e.target.nextElementSibling;
        //     nextSibling.innerText = fileName;
        // });

  
    </script>
@stop