@extends('backend.layouts.app')

@section('title') {{ __($module_action) }} {{ $module_title }} @endsection

@section('breadcrumbs')
<x-backend-breadcrumbs>
    <x-backend-breadcrumb-item route='{{route("backend.$module_name.index")}}' icon='{{ $module_icon }}' >
        {{ $module_title }}
    </x-backend-breadcrumb-item>
    <x-backend-breadcrumb-item type="active">{{ __($module_action) }}</x-backend-breadcrumb-item>
</x-backend-breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-8">
                <h4 class="card-title mb-0">
                    <i class="{{ $module_icon }}"></i> {{ $module_title }} <small class="text-muted">{{ __($module_action) }}</small>
                </h4>
                <div class="small text-muted">
                    @lang(":module_name Management Dashboard", ['module_name'=>Str::title($module_name)])
                </div>
                <div>
                    <h4>Usage: </h4><span>settings('short_code')</span>
                </div>
            </div>
            <!--/.col-->
            <div class="col-4">
                <div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with button groups">
                    <a href="{{ route("backend.$module_name.index") }}" class="btn btn-secondary btn-sm ml-1" data-toggle="tooltip" title="{{ $module_title }} List"><i class="fas fa-list-ul"></i> List</a>
                </div>
            </div>
            <!--/.col-->
        </div>
        <!--/.row-->

        <hr>

        <div class="row mt-4">
            <div class="col">
                
               <!--  {{ html()->form('sitesetting', route("backend.$module_name.updatesetting"))->class('form')->open() }} -->
               <form action="{{route('backend.customsetting.updatesetting')}}" class="form" enctype="multipart/form-data" method="POST" files='true'>
                @csrf
                @include ("sitesetting::backend.$module_name.form")
                

                <div class="row">
                    <div class="col-6">
                        <div class="form-group">
                            {{ html()->button($text = "<i class='fas fa-plus-circle'></i> Save", $type = 'submit')->class('btn btn-success') }}
                        </div>
                    </div>
                   <!--  <div class="col-6">
                        <div class="float-right">
                            <div class="form-group">
                                <button type="button" class="btn btn-warning" onclick="history.back(-1)"><i class="fas fa-reply"></i> Cancel</button>
                            </div>
                        </div>
                    </div> -->
                </div>
                </form>
               <!--  {{ html()->form()->close() }} -->

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

    <div class="card-footer">
        <div class="row">
            <div class="col">

            </div>
        </div>
    </div>
</div>
<div class="modal panel_modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
       <form id="form_id" action="{{route('backend.customsetting.store')}}" method="POST">
          @csrf
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Add Fields</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->

            <div class="modal-body">
                <div class="form-group">
                  <label for="label">Label</label>
                  <input type="text" class="form-control" name="label" id="label" placeholder="Label" required="">
                </div>
                <div class="form-group">
                  <label for="key">Key</label>
                  <input type="text" class="form-control" name="key" id="key" placeholder="key" required="">
                </div>
               <div class="form-group">
                  <label for="type">Type</label>

                  <select name="type" id="type" class="form-control" required="">
                    <option value="">Select option</option>


                    <option value="string">String</option>
                    <option value="integer">Integer</option>
                    <option value="number">Number</option>
                    <option value="text">Text Field</option>
                    <option value="textarea">Text Area</option>
                    <option value="file">File</option>
                    <option value="email">Email</option>
                    <option value="password">Password</option>
                  </select>
                </div>

                 <div class="form-group">
                  <label for="value"> Value</label>
                  <input type="text" class="form-control" name="value" id="value" placeholder="Default value">
                </div>
                 <div class="form-group">
                  <label for="min">Min value</label>
                  <input type="text" class="form-control" name="min" id="min" placeholder="Min value">
                </div>
                 <div class="form-group">
                  <label for="max">Max value</label>
                  <input type="text" class="form-control" name="max" id="max" placeholder="Max value">
                </div>
                <div class="form-group">
           
                    <label for="is_required">Required</label>
                    <br>
                    Yes <input type="radio" name="is_required" class="" value="1">
                   No  <input type="radio" name="is_required" class="" value="0" checked>
            
                </div>
                <input type="hidden" name="module_name" id="module_name" value="">
                <input type="hidden" name="field_id" id="field_id" value="">
            </div>

        <!-- Modal footer -->
        <div class="modal-footer">
              <input type="submit" class="btn btn-success"  name="submit" value="Save">
         <!--  <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -->
        </div>
         </form>
      </div>
    </div>
  </div>
@endsection
@push('before-styles')
<!-- File Manager -->
<link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
@endpush

@push('before-scripts')
    <script type="text/javascript" src="//code.jquery.com/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="//code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
    <script type="text/javascript">
        $.noConflict();
        jQuery(document).ready(function($) {

            $("#feed-tabs").tabs();
        });
    </script>
@endpush

@push ('after-scripts')
     <script>
       
       
         $(document).ready(function(){
        $('.module button').click(function(e){
            e.preventDefault();
            var module_name =  $(this).attr("data-module");
            
            $('#module_name').val(module_name);
            $('#myModal').modal('show');

            //alert(module_name);
        });
    });
    </script>
    
@endpush