@php
    $edit = !is_null($dataTypeContent->getKey());
    $add  = is_null($dataTypeContent->getKey());
@endphp

@extends('voyager::master')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_title', __('voyager::generic.'.($edit ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.'.($edit ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular') }}
    </h1>
    @include('voyager::multilingual.language-selector')
@stop
<style>
    
 /* Select Template css start */  
 .copy-content p{
    margin-bottom : 0rem !important;
 }
 #template_select{
    padding:  0px 0px 10px  !important;
 }
   .main {
    height: 185px;
    overflow: auto;
    background: #F9F9F9;
    margin: 0 auto;
    border: 1px solid #EAEAEA;
.list-heading {
    color: #e93937;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    padding-left: 20px;
}
li {

    color: #636363;
    line-height: 1.2em;
    padding-top: 10px;
    font-weight: 500;
    padding: 5px 5px ;
    position: relative;
    transition: all .2s ease;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 10px;
    &:first-child {
    border-top: 1px solid #EFEFEF;
    }
    &:hover {
    background-color: #EFEFEF;
    cursor: pointer;
    &:after {
        bottom: 0;
    }
    .copy-btn {
        opacity: 1;
        right: 0;
    }
    .delete-btn {
        opacity: 1;
        right: 0;
    }

    }

    .copy-btn {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    text-align: center;
    transition: all .2s ease;
    right: -100%;
    bottom: 0;
    padding: 15px;
    background-color: #636363;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    border: none;
    outline: none;
    width: 131px;
        &:before {
            content: "";
            width: 20px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
            background-position-y: center;
        }
        &:after {
            content: "Click To Delete";
            display: inline-block;
            vertical-align: middle;
        }
    }

    .delete-btn {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        top: 0;
        text-align: center;
        transition: all .2s ease;
        right: -100%;
        bottom: 0;
        /* padding: 15px; */
        background-color: #636363;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        border: none;
        outline: none;
        width: 100px;
        &:before {
            content: "";
            width: 20px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
            background-position-y: center;
        }
        &:after {
            content: "click to copy";
            display: inline-block;
            vertical-align: middle;
        }
        }


}
}

.select2{
    width: 100% !important;
}
.ck-editor__editable_inline { min-height: 240px; }
  .cke_notification, .cke_notification_warning { display: none !important; }

/* Select Template css end */
</style>

@section('content')
    <div class="page-content edit-add container-fluid">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-bordered">
                    <!-- form start -->
                    <form role="form"
                            class="form-edit-add"
                            action="{{ $edit ? route('voyager.'.$dataType->slug.'.update', $dataTypeContent->getKey()) : route('voyager.'.$dataType->slug.'.store') }}"
                            method="POST" enctype="multipart/form-data">
                        <!-- PUT Method if we are editing -->
                        @if($edit)
                            {{ method_field("PUT") }}
                        @endif

                        <!-- CSRF TOKEN -->
                        {{ csrf_field() }}

                        <div class="panel-body">

                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <!-- Adding / Editing -->
                            @php
                                $dataTypeRows = $dataType->{($edit ? 'editRows' : 'addRows' )};
                            @endphp

                            @foreach($dataTypeRows as $row)
                                <!-- GET THE DISPLAY OPTIONS -->
                                @php
                                    $display_options = $row->details->display ?? NULL;
                                    if ($dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')}) {
                                        $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')};
                                    }
                                @endphp
                                @if (isset($row->details->legend) && isset($row->details->legend->text))
                                    <legend class="text-{{ $row->details->legend->align ?? 'center' }}" style="background-color: {{ $row->details->legend->bgcolor ?? '#f0f0f0' }};padding: 5px;">{{ $row->details->legend->text }}</legend>
                                @endif

                                                                @php
                                    $colWidth = in_array($row->field, ['message_from_the_team',''])
                                        ? 12
                                        : ($display_options->width ?? 6);
                                @endphp
                                <div class="form-group @if($row->type == 'hidden') hidden @endif col-md-{{ $display_options->width ?? $colWidth }} {{ $errors->has($row->field) ? 'has-error' : '' }}" @if(isset($display_options->id)){{ "id=$display_options->id" }}@endif>
                                    {{ $row->slugify }}
                                    <label class="control-label" for="name">{{ $row->getTranslatedAttribute('display_name') }}</label>
                                    @include('voyager::multilingual.input-hidden-bread-edit-add')
                                    @if ($add && isset($row->details->view_add))
                                        @include($row->details->view_add, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'view' => 'add', 'options' => $row->details])
                                    @elseif ($row->field == 'date')
                                        <!-- @php
                                            $raw = $dataTypeContent->date;

                                            // normalise to seconds → Carbon
                                            if (is_numeric($raw)) {
                                                $secs = strlen((string)$raw) > 10 ? (int)($raw / 1000) : (int)$raw; // handle ms too
                                                $dt   = \Carbon\Carbon::createFromTimestamp($secs)->timezone('Europe/London');
                                            } else {
                                                $dt   = \Carbon\Carbon::parse($raw)->timezone('Europe/London');
                                            }
                                        @endphp -->

                                        <input type="text"
                                            class="form-control"
                                            name="date"
                                            placeholder="Date"
                                            value="{{ \Carbon\Carbon::createFromTimestamp((int)$dataTypeContent->date)->timezone('Europe/London')->format('d/m/Y, g:i A') }}"
                                            readonly>
                                    @elseif ($row->field == 'fund_agreed')
                                    <input required="" type="text" class="form-control" name="fund_agreed" placeholder="Fund Agreed" value="{{$dataTypeContent->fund_agreed}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'first_name')
                                    <input required="" type="text" class="form-control" name="first_name" placeholder="First Name" value="{{$dataTypeContent->first_name}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'last_name')
                                    <input required="" type="text" class="form-control" name="last_name" placeholder="Last Name" value="{{$dataTypeContent->last_name}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'email')
                                    <input required="" type="text" class="form-control" name="email" placeholder="Last Name" value="{{$dataTypeContent->email}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'bank_account_name')
                                    <input required="" type="text" class="form-control" name="bank_account_name" placeholder="Last Name" value="{{$dataTypeContent->bank_account_name}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'bank_name')
                                    <input required="" type="text" class="form-control" name="bank_name" placeholder="Last Name" value="{{$dataTypeContent->bank_name}}" {{$edit ? 'readonly' : ''}}>
                                    @elseif ($row->field == 'bank_account_number')
                                    <input required="" type="text" class="form-control" name="bank_account_number" placeholder="Last Name" value="{{$dataTypeContent->bank_account_number}}" {{$edit ? 'readonly' : ''}}>


                                    @elseif ($row->field == 'signature')
                                                                            <br>
                                        No Signature
                                        <br>
                                        <br>
                                        
                                                                        
                                        
                                    @elseif ($row->field == 'message_from_the_team')
                                        <div class="row mb-4">
                                            <label for="meta_description" class="col-sm-5 col-form-label">
                                                <!-- Message -->