@extends('backend::layouts.app')
@section('title', 'Edit Site Common Content')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18"></h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Edit Site Common Content</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- form start -->
    <form method="POST" action="{{ route('site-common-content.update', $cms->id) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title">Edit Site Common Content</h3>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="youtube_link">Youtube Link</label>
                                    <input type="text" class="form-control @error('youtube_link') is-invalid @enderror"
                                        id="youtube_link" name="youtube_link"
                                        value="{{ old('youtube_link', $cms->youtube_link) }}">
                                    @error('youtube_link')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="instagram_link">Instagram Link</label>
                                    <input type="text" class="form-control @error('instagram_link') is-invalid @enderror"
                                        id="instagram_link" name="instagram_link"
                                        value="{{ old('instagram_link', $cms->instagram_link) }}">
                                    @error('instagram_link')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="facebook_link">Facebook Link</label>
                                    <input type="text" class="form-control @error('facebook_link') is-invalid @enderror"
                                        id="facebook_link" name="facebook_link"
                                        value="{{ old('facebook_link', $cms->facebook_link) }}">
                                    @error('facebook_link')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="x_link">X Link</label>
                                    <input type="text" class="form-control @error('x_link') is-invalid @enderror"
                                        id="x_link" name="x_link" value="{{ old('x_link', $cms->x_link) }}">
                                    @error('x_link')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="linkedin_link">LinkedIn Link</label>
                                    <input type="text" class="form-control @error('linkedin_link') is-invalid @enderror"
                                        id="linkedin_link" name="linkedin_link"
                                        value="{{ old('linkedin_link', $cms->linkedin_link) }}">
                                    @error('linkedin_link')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="whatsapp_number">Whatsapp Number</label>
                                    <input type="text"
                                        class="form-control @error('whatsapp_number') is-invalid @enderror"
                                        id="whatsapp_number" name="whatsapp_number"
                                        value="{{ old('whatsapp_number', $cms->whatsapp_number) }}">
                                    @error('whatsapp_number')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            {{-- <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="instafeed_client_id">Instafeed Client ID*</label>
                                    <input type="instafeed_client_id"
                                        class="form-control @error('instafeed_client_id') is-invalid @enderror"
                                        id="instafeed_client_id" name="instafeed_client_id"
                                        value="{{ old('instafeed_client_id', $cms->instafeed_client_id) }}">
                                    @error('instafeed_client_id')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div> --}}
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label for="instafeed_access_token">Instafeed Access Token*</label>
                                    <textarea name="instafeed_access_token" id="instafeed_access_token"
                                        class="form-control @error('instafeed_access_token') is-invalid @enderror" readonly>{{ old('instafeed_access_token', $cms->instafeed_access_token) }}</textarea>
                                    @error('instafeed_access_token')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="phone_number">Phone Number*</label>
                                    <input type="tel" class="form-control @error('phone_number') is-invalid @enderror"
                                        id="phone_number" name="phone_number"
                                        value="{{ old('phone_number', $cms->phone_number) }}">
                                    @error('phone_number')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="email">Email*</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                        id="email" name="email" value="{{ old('email', $cms->email) }}">
                                    @error('email')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for="header_logo">Header Logo</label>
                                <input type="file" name="header_logo" id="header_logo"
                                    accept="image/jpeg,image/webp,image/jpg,image/png,image/svg+xml"
                                    class="form-control multiple-file-input @error('header_logo') is-invalid @enderror">
                                @error('header_logo')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                @enderror
                                <span style="font-size: 13px;">Dimension: 300 x 75</span>
                                <div class="multipleFilePreview pl-1 pt-1">
                                    <img src="{{ $cms->header_logo_value }}" alt="Uploaded Image" id="uploadedImage"
                                        class="uploaded-file" height="100" width="100">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for="footer_logo">Footer Logo</label>
                                <input type="file" name="footer_logo" id="footer_logo"
                                    accept="image/jpeg,image/webp,image/jpg,image/png,image/svg+xml"
                                    class="form-control multiple-file-input @error('footer_logo') is-invalid @enderror">
                                @error('footer_logo')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                @enderror
                                <span style="font-size: 13px;">Dimension: 134 x 105</span>
                                <div class="multipleFilePreview pl-1 pt-1">
                                    <img src="{{ $cms->footer_logo_value }}" alt="Uploaded Image" id="uploadedImage"
                                        class="uploaded-file" height="100" width="100">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary submitBtn">Update</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection