@extends('admin.layouts.main')
@section('title', 'Sửa seo')

@section('css')
@endsection
@section('content')
    <div class="content-wrapper lb_template_slider_edit">
        @include('admin.partials.content-header', ['name' => 'Seo', 'key' => 'Sửa seo'])
        <!-- Main content -->
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        @if (session('alert'))
                            <div class="alert alert-success">
                                {{ session('alert') }}
                            </div>
                        @elseif(session('error'))
                            <div class="alert alert-warning">
                                {{ session('error') }}
                            </div>
                        @endif
                        <form action="{{ route('admin.user.seoWebsiteUpdate', ['id' => $data->id]) }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                            
                                </div>
                                <div class="col-md-6">
                                    <div class="card-tool p-3 text-right">
                                        <button type="submit" class="btn btn-primary btn-lg">Chấp nhận</button>
                                        <button type="reset" class="btn btn-danger btn-lg">Làm lại</button>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="card card-outline card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">Thông tin</h3>
                                        </div>
                                        <div class="card-body table-responsive p-3">
                                            <ul class="nav nav-tabs">
                                                @foreach ($langConfig as $langItem)
                                                    <li class="nav-item">
                                                        <a class="nav-link {{ $langItem['value'] == $langDefault ? 'active' : '' }}"
                                                            data-toggle="tab"
                                                            href="#tong_quan_{{ $langItem['value'] }}">{{ $langItem['name'] }}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                            <div class="tab-content">
                                              <div class="form-group">
                                                    <div class="row">
                                                        <label class="col-sm-3 control-label" for="">
                                                            Nhập H1 trang chủ Website
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control @error('h1trangchu') is-invalid @enderror" id="h1trangchu" value="{{ old('h1trangchu') ?? $data->h1trangchu }}" name="h1trangchu" placeholder="Nhập h1">
                                                            @error('h1trangchu')
                                                            <div class="invalid-feedback d-block">
                                                              {{ $message }}
                                                            </div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="row">
                                                        <label class="col-sm-3 control-label" for="">
                                                            Nhập title seo
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text"
                                                                class="form-control
                                                                @error('title') is-invalid @enderror"
                                                                id="title"
                                                                value="{{ old('title') ?? $data->title }}"
                                                                name="title"
                                                                placeholder="Nhập title">
                                                            @error('title')
                                                                <div class="invalid-feedback d-block">
                                                                    {{ $message }}
                                                                </div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="row">
                                                        <label class="col-sm-3 control-label" for="">
                                                            Nhập từ khóa seo
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text"
                                                                class="form-control
                                                                @error('keyword') is-invalid @enderror"
                                                                id="keyword"
                                                                value="{{ old('keyword') ?? $data->keyword }}"
                                                                name="keyword"
                                                                placeholder="Nhập keyword">
                                                            @error('keyword')
                                                                <div class="invalid-feedback d-block">
                                                                    {{ $message }}
                                                                </div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-3">
                                                            <label class="control-label" for="">
                                                                Nhập mô tả seo 
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <textarea
                                                                class="form-control @error('description') is-invalid @enderror"
                                                                id="description"
                                                                name="description"
                                                                placeholder="Nhập mô tả"
                                                                rows="4">{{ old('description') ?? $data->description }}</textarea>
                                                                @error('description')
                                                                    <div class="invalid-feedback d-block">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror
                                                            <br>
                                                            <p style="color: red; font-size: 13px">(Lưu ý: Để tối ưu seo, vui lòng nhập ít nhất 160 ký tự)</p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-3">
                                                            <label class="control-label" for="">
                                                                Index website
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="index_web" id="indexYes" value="1"
                                                                    {{ $data->index_web == '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="indexYes">Index</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="index_web" id="indexNo" value="0"
                                                                    {{ $data->index_web == '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="indexNo">NoIndex</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                @can('intermediate-email')
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-3">
                                                            <label class="control-label" for="">
                                                                Cấu hình email trung gian
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <label style="font-size: 12px">
                                                                MAIL_USERNAME:
                                                            </label>
                                                            <input type="text"
                                                                class="form-control @error('intermediate_email') is-invalid @enderror"
                                                                id="intermediate_email"
                                                                value="{{ old('intermediate_email') ?? $mailUsername }}"
                                                                name="intermediate_email"
                                                                placeholder="Nhập email">
                                                                @error('intermediate_email')
                                                                    <div class="invalid-feedback d-block">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror

                                                            <label style="font-size: 12px">
                                                                MAIL_PASSWORD:
                                                            </label>
                                                            <input type="text"
                                                                class="form-control @error('intermediate_email_password') is-invalid @enderror"
                                                                id="intermediate_email_password"
                                                                value="{{ old('intermediate_email_password') ?? $mailPassword }}"
                                                                name="intermediate_email_password"
                                                                placeholder="Nhập password">
                                                                @error('intermediate_email_password')
                                                                    <div class="invalid-feedback d-block">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror

                                                            <label style="font-size: 12px">
                                                                MAIL_FROM_ADDRESS:
                                                            </label>
                                                            <input type="text"
                                                                class="form-control @error('intermediate_email_address') is-invalid @enderror"
                                                                id="intermediate_email_address"
                                                                value="{{ old('intermediate_email_address') ?? $mailAddress }}"
                                                                name="intermediate_email_address"
                                                                placeholder="Nhập email">
                                                                @error('intermediate_email_address')
                                                                    <div class="invalid-feedback d-block">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                @endcan

                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-3">
                                                            <label class="control-label" for="">
                                                                Cấu hình email nhận thông tin
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <input type="text"
                                                                class="form-control"
                                                                id="received_email"
                                                                value="{{ old('received_email') ?? $data->received_email }}"
                                                                name="received_email"
                                                                placeholder="Nhập email">
                                                        </div>
                                                    </div>
                                                </div>

                                                @can('robots')
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-3">
                                                            <label class="control-label" for="">
                                                                Cấu hình file robots
                                                            </label>
                                                        </div>
                                                        <div class="col-sm-9">
                                                            <textarea
                                                                class="form-control @error('robots') is-invalid @enderror"
                                                                id="robots"
                                                                name="robots"
                                                                placeholder="Nhập mô tả"
                                                                rows="4">{{ old('robots') ?? $robots }}</textarea>
                                                            <br>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endcan

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

                                <div class="col-md-4">
                                    <div class="card card-outline card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">Thông tin khác</h3>
                                        </div>
                                        <div class="card-body table-responsive p-3">

                                            <div class="wrap-load-image mb-3">
                                                <div class="form-group">
                                                    <label for="">Ảnh seo</label>
                                                    <input type="file" class="form-control-file img-load-input border"
                                                        id="" value="" name="image_path">
                                                </div>
                                                @error('image_path')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                @enderror
                                                @if ($data->image_path)
                                                    <div class="item-avatar">
                                                        <img class="img-load border p-1 w-100"
                                                            src="{{ asset($data->image_path) }}" alt="{{ $data->name }}"
                                                            style="height: 200px;object-fit:cover; max-width: 260px;">
                                                        <a class="btn btn-sm btn-danger deleteAvatarProductDB"
                                                            data-url="{{ route('admin.user.destroySeoImage', ['id' => $data->id]) }}">
                                                            <i class="far fa-trash-alt"></i>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>

                                            <div class="wrap-load-image mb-3">
                                                <div class="form-group">
                                                    <label for="">
                                                        Favicon
                                                    </label>
                                                    <p style="color: red; font-size: 13px">Lưu ý: Sau khi thay favicon, vui lòng xóa cache. Để hệ thống nhận favicon mới</p>
                                                    <input type="file" class="form-control-file img-load-input border"
                                                        id="" value="" name="favicon_path">
                                                </div>
                                                @error('favicon_path')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                @enderror
                                                @if ($data->favicon_path)
                                                    <div class="item-avatar">
                                                        <img class="img-load border p-1 w-100"
                                                            src="{{ asset($data->favicon_path) }}" alt="favicon"
                                                            style="height: 200px;object-fit:cover; max-width: 260px;">
                                                    </div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')

@endsection