@extends('dashboard.layout.default')

@section('page_title',$page_title)

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-left">
            <li class="breadcrumb-item"><a href="{{Route('dashboard')}}">{{ __("pages.home") }}</a></li>
            <li class="breadcrumb-item"><a href="{{Route('destinations.index')}}">{{__('pages.destinations')}}</a></li>
            <li class="breadcrumb-item active">{{ $page_title }}</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">


  @if(session()->has('success'))
      <div class="alert alert-success">
          {{ session()->get('success') }}
      </div>
  @endif
  @if($errors->any())
      <div class="alert alert-danger">
          <ul>
              @foreach($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
  @endif


    <div class="card card-info">
        <div class="card-header">
            <h3 class="card-title">{{$page_title}} ( {{trans('pages.default')}} : {{ trans('names.'.get_default_locale()) }} )</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form method="POST" action="{{ Route('destinations.update',['id' => $destination['id'] ]) }}"  enctype="multipart/form-data">
            @csrf
            @method('patch')        
            <div class="card-body">

            @if($destination['banner'])
                <div class="form-group text-center bg-primary" style="height: 200px;width: 100%;overflow: hidden;">
                    <img src="{{ asset('storage/images/destinations/'.$destination['banner']) }}" class="img-thumbnail" style="object-fit: contain;height: 100%;">
                </div>
            @endif

                <div class="form-group">
                    <label for="name">{{__('pages.name')}}</label>
                    <input type="text" name="name" class="form-control" id="name" value="{{ old('name',$destination['name'])}}">
                </div>

                <div class="form-group">
                    <label for="title">{{__('pages.title')}}</label>
                    <input type="text" name="title" class="form-control" id="title" value="{{ old('title',$destination['title'])}}">
                </div>

                <div class="form-group">
                    <label for="description">{{__('pages.description')}}</label>
                    <textarea name="description" class="form-control" id="description" required>{{ old('description',$destination['description']) }}</textarea>
                </div>

                <div class="form-group">
                    <label for="banner">{{__('pages.image')}}</label>
                    <div class="input-group">
                      <div class="custom-file">
                        <input type="file" name="banner" class="custom-file-input" id="banner">
                        <label class="custom-file-label" for="banner">Choose file</label>
                      </div>
                      <div class="input-group-append">
                        <span class="input-group-text">Upload</span>
                      </div>
                    </div>
                </div>



            </div>
            <!-- /.card-body -->

            <div class="card-footer">
                <button type="submit" class="btn btn-primary">{{ trans('pages.submit') }}</button>
            </div>

        </form>

    </div>
    <!-- /.card -->
        @foreach($destination['translations'] as $key => $lang)
            <form method="POST" action="{{ Route('destinations.update',['id' => $destination['id'] , 'lang' => $lang->code]) }}">
                @csrf
                @method('patch')   
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">{{$page_title}} ( {{$lang['name']}} )</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="form-group">
                            <label for="{{ $lang->code }}_name">{{__('names.name')}}</label>
                            <input type="text" name="{{ $lang->code }}_name" class="form-control" id="{{ $lang->code }}_name"  value="{{ old($lang->code.'_name', $lang['data']['name']->value ?? '') }}">
                        </div>
                        <div class="form-group">
                            <label for="title">{{__('pages.title')}}</label>
                            <input type="text" name="{{ $lang->code }}_title" class="form-control" id="{{ $lang->code }}_title" value="{{ old($lang->code.'_title', $lang['data']['title']->value ?? '') }}">
                        </div>
                        <div class="form-group">
                            <label for="{{ $lang->code }}_description">{{__('names.description')}}</label>
                            <textarea name="{{ $lang->code }}_description" class="form-control" id="{{ $lang->code }}_description">{{ old($lang->code.'_description', $lang['data']['description']->value ?? '') }}</textarea>
                        </div>
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary text-center">{{__('pages.save')}}</button>
                    </div>
                </div>
                <!-- /.card -->
            </form>
        @endforeach


    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

@endsection