@extends('layouts.admin')

@section('content')
<section class="content-header">
    <div class="container">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Edit Settings</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Edit Settings</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
    <div class="container">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- general form elements -->
                @if (Session::has('success'))
                <div class="alert alert-success alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Success!</strong> {{ Session::get('success') }}
                </div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>{{ Session::get('error') }}</strong>
                </div>
                @endif
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Edit Settings</h3>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form method="post" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
                        @csrf

                        <div class="card-body">
                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Project Settings</legend>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="name">Project Name</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->project_name) ? $setting->project_name : '' }}"
                                                name="project_name" id="project_name" placeholder="Name">
                                            @error('project_name')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="photo">Project Logo</label>
                                            <input type="text" class="form-control image-input" name="project_logo"
                                                value="{{ isset($setting->project_logo) ? $setting->project_logo : '' }}"
                                                id="project_logo">
                                            @error('project_logo')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <img src="" id="project_logo_view" class="hidden w-25" />
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="photo">Project Logo Dark</label>
                                            <input type="text" class="form-control image-input" name="project_logo_dark"
                                                value="{{ isset($setting->project_logo_dark) ? $setting->project_logo_dark : '' }}"
                                                id="project_logo_dark">
                                            @error('project_logo_dark')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <img src="" id="project_logo_dark_view" class="hidden w-25" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="email_logo">Email Logo</label>
                                            <input type="text" class="form-control" name="email_logo"
                                                value="{{ isset($setting->email_logo) ? $setting->email_logo : '' }}"
                                                id="email_logo">
                                            @error('email_logo')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="company_name">Company Name</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->company_name) ? $setting->company_name : '' }}"
                                                name="company_name" id="company_name" placeholder="Company Name">
                                            @error('company_name')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="company_phone">Company Phone</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->company_phone) ? $setting->company_phone : '' }}"
                                                name="company_phone" id="company_phone" placeholder="Company Phone">
                                            @error('company_phone')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="company_email">Company Email</label>
                                            <input type="email" class="form-control"
                                                value="{{ isset($setting->company_email) ? $setting->company_email : '' }}"
                                                name="company_email" id="company_email" placeholder="Company Email">
                                            @error('company_email')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for="company_address">Company Address</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->company_address) ? $setting->company_address : '' }}"
                                                name="company_address" id="company_address"
                                                placeholder="Company Address">
                                            @error('company_address')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="web_link">Website Link</label>
                                            <input type="url" class="form-control"
                                                value="{{ isset($setting->web_link) ? $setting->web_link : '' }}"
                                                name="web_link" id="web_link" placeholder="Website Link">
                                            @error('web_link')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="twilio_sid">Twilio SID</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->twilio_sid) ? $setting->twilio_sid : '' }}"
                                                name="twilio_sid" id="twilio_sid" placeholder="Twilio SID">
                                            @error('twilio_sid')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Sendgrid Email</legend>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="sendgrid_name">Sendgrid Name</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->sendgrid_name) ? $setting->sendgrid_name : '' }}"
                                                name="sendgrid_name" id="sendgrid_name" placeholder="Sendgrid Name">
                                            @error('sendgrid_name')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="form-group">
                                            <label for="sendgrid_api_key">Sendgrid API Key</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->sendgrid_api_key) ? $setting->sendgrid_api_key : '' }}"
                                                name="sendgrid_api_key" id="sendgrid_api_key"
                                                placeholder="Sendgrid API Key">
                                            @error('sendgrid_api_key')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Square Payment</legend>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="square_end_point">Square Endpoint</label>
                                            <input type="url" class="form-control"
                                                value="{{ isset($setting->square_end_point) ? $setting->square_end_point : '' }}"
                                                name="square_end_point" id="square_end_point" placeholder="">
                                            @error('square_end_point')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="square_application_id">Square Application ID</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->square_application_id) ? $setting->square_application_id : '' }}"
                                                name="square_application_id" id="square_application_id" placeholder="">
                                            @error('square_application_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="square_access_token">Square Access Token</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->square_access_token) ? $setting->square_access_token : '' }}"
                                                name="square_access_token" id="square_access_token" placeholder="">
                                            @error('square_access_token')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="square_location_id">Square Location ID</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->square_location_id) ? $setting->square_location_id : '' }}"
                                                name="square_location_id" id="square_location_id" placeholder="">
                                            @error('square_location_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="square_environment">Square Environment</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->square_environment) ? $setting->square_environment : '' }}"
                                                name="square_environment" id="square_environment" placeholder="">
                                            @error('square_environment')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Stripe Payment</legend>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="stripe_public_key">Stripe Public Key</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->stripe_public_key) ? $setting->stripe_public_key : '' }}"
                                                name="stripe_public_key" id="stripe_public_key"
                                                placeholder="Stripe Public Key">
                                            @error('stripe_public_key')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="stripe_secret_key">Stripe Secret Key</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->stripe_secret_key) ? $setting->stripe_secret_key : '' }}"
                                                name="stripe_secret_key" id="stripe_secret_key"
                                                placeholder="Stripe Secret Key">
                                            @error('stripe_secret_key')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Twilio SMS</legend>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="twilio_token">Twilio Token</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->twilio_token) ? $setting->twilio_token : '' }}"
                                                name="twilio_token" id="twilio_token" placeholder="Twilio Token">
                                            @error('twilio_token')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="twilio_phone_no">Twilio Phone Number</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->twilio_phone_no) ? $setting->twilio_phone_no : '' }}"
                                                name="twilio_phone_no" id="twilio_phone_no"
                                                placeholder="Twilio Phone Number">
                                            @error('twilio_phone_no')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="twilio_phone_no_2">Twilio Phone Number 2</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($setting->twilio_phone_no_2) ? $setting->twilio_phone_no_2 : '' }}"
                                                name="twilio_phone_no_2" id="twilio_phone_no_2"
                                                placeholder="Twilio Phone Number 2">
                                            @error('twilio_phone_no_2')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Project Design</legend>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="invoice_design_id">Invoice Design ID</label>
                                            <select class="form-control" name="invoice_design_id"
                                                id="invoice_design_id">
                                                <option value="">Select Invoice Design</option>
                                                <option value="1" {{ $setting->invoice_design_id == 1 ? 'selected' : ''}}>Design 1</option>
                                                <option value="2" {{ $setting->invoice_design_id == 2 ? 'selected' : ''}}>Design 2</option>
                                                {{-- <option value="3" {{ $setting->invoice_design_id == 3 ? 'selected' : '' }}>Design 3</option> --}}
                                            </select>

                                            @error('invoice_design_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="payment_confirmation_design_id">Payment Confirmation Design
                                                ID</label>
                                            <select class="form-control" name="payment_confirmation_design_id"
                                                id="payment_confirmation_design_id">
                                                <option value="">Select Payment Confirmation/Thankyou Design</option>
                                                <option value="1" {{ $setting->payment_confirmation_design_id == 1 ? 'selected' : '' }}>Design 1</option>
                                                <option value="2" {{ $setting->payment_confirmation_design_id == 2 ? 'selected' : '' }}>Design 2</option>
                                                {{-- <option value="3" {{ $setting->payment_confirmation_design_id == 3 ?'selected' : '' }}> Design 3</option> --}}
                                            </select>
                                            @error('payment_confirmation_design_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="border p-4 mb-4">
                                <legend class="w-auto text-md text-primary text-bold">Email Design</legend>
                                <table class="table table-sm table-bordered">
                                    <tr>
                                        <th style="width: 50%">Email Template</th>
                                        <th style="width: 50%">Email Design ID</th>
                                    </tr>
                                    @foreach ($email_templates as $index => $email_template)
                                    <tr>
                                        <td style="width: 50%">
                                            <select class="form-control" name="email_template_value[]" id="email_template_value_{{ $index }}">
                                                <option value="{{$email_template->value}}">{{$email_template->title}}</option>
                                            </select>
                                            @error('email_template_value.' . $index)
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td style="width: 50%">
                                            <select class="form-control" name="email_design_id[]" id="email_design_id_{{ $index }}">
                                                <option value="">Select Email Design</option>
                                                <option value="1" {{ $email_template->email_design_id == 1 ? 'selected' : ''}}>Design 1</option>
                                                <option value="2" {{ $email_template->email_design_id == 2 ? 'selected' : ''}}>Design 2</option>
                                                {{-- <option value="3" {{ $email_template->email_design_id == 3 ? 'selected' : ''}}>Design 3</option> --}}
                                            </select>
                                            @error('email_design_id.' . $index)
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                    </tr>
                                    @endforeach
                                </table>
                            </fieldset>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">

                            <button type="submit" class="btn btn-primary btn-block"
                                style="width: 20%; float: right">Submit</button>
                        </div>
                    </form>
                </div>
                <!-- /.card -->




            </div>
            <div class="col-md-2"></div>
        </div>
        <!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
@endsection
@section('scripts')
<script>
    $(document).ready(function() {
            function readImageURL(input, previewId) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function(e) {
                        $('#' + previewId).attr('src', e.target.result);
                        $('#' + previewId).removeClass("hidden");
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }

            // Apply the function to all image inputs
            $('.image-input').change(function() {
                var previewId = $(this).data('preview');
                readImageURL(this, previewId);
            });

        });
</script>
@endsection