@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="{{ asset('js/folios/main.js?version=' . version_js()) }}"></script>
@endsection

@section('content')

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>{{ $title }}
                        <div class="page-title-subheading">
                            {{ $subtitle }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page"><a
                                    href="{{ route('folios.index') }}">Folios</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Nuevo folio</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>
                        <strong>{{ $error }}</strong>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (isset($_serie_))
        <div class="alert alert-success alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Ya existe una serie registrada con el mismo nombre<br> Si desea registrar esta serie de click en Registrar</strong>
        </div>
    @endif
    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <form action="{{ url('/folios') }}" method="POST" class="col-lg-6 col-md-12">
            @csrf
            @if (isset($_serie_))
                <input type="hidden" name="tipo_doc_n" value="{{$documento_asignado}}">
                <input type="hidden" name="domicilio_n" value="{{$domicilio_}}">
            @endif
            <div class="card">
                <div class="card-header">Folios</div>
                <div class="card-body card-block">
                    <div class="row form-group">
                        <div class="col col-md-3">
                            <label for="txt_serie" class=" form-control-label">Serie <span class="color-red "
                                    style="color: red;">*</span>
                            </label>
                        </div>

                        <div class="col-12 col-md-9">
                            <input type="text" id="txt_serie" name="txt_serie" placeholder="Ingrese número de serie"
                                class="form-control" required maxlength="25"
                                onkeyup="this.value = this.value.toUpperCase();" value="{{ old('txt_serie') }}{{(isset($_serie_))?$_serie_:''}}">
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3"><label for="txt_folioIni" class=" form-control-label">Folio inicial<span
                                    class="color-red " style="color: red;">*</span>
                            </label></div>
                        <div class="col-12 col-md-9">
                            <input type="text" id="txt_folioIni" name="txt_folioIni" placeholder="Ingrese folio inicial"
                                class="form-control" required maxlength="10" onkeydown="numbers(this)"
                                value="{{ old('txt_folioIni') }}{{(isset($folio_inicial))?$folio_inicial:''}}">
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3"><label for="txt_folioFin" class=" form-control-label">Folio
                                final</label></div>
                        <div class="col-12 col-md-9"><input type="text" id="txt_folioFin" name="txt_folioFin"
                                placeholder="Ingrese folio final" class="form-control" maxlength="10"
                                onkeydown="numbers(this)" value="{{ old('txt_folioFin') }}{{(isset($folio_final))?$folio_final:''}}">
                        </div>
                    </div>
                    @can('cotizacion.index')
                       @php
                           $cotizacion_flag=true;
                       @endphp
                    @endcan
                    <div class="row form-group tipo_documento">
                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Tipo de documento
                            </label></div>
                        <div class="col-12 col-md-9">
                            <select name="cbx_tipoDeDocumento" id="cbx_tipoDeDocumento" class="form-control">
                                <option value="0">Todos</option>
                                @php
                                if(!isset($cotizacion_flag)){
                                    echo $tipoDeDocumento=str_replace("</option><option value='40' complemento='' abrev='I' descripcion='Cotización'>Cotización </option>"," ",$tipoDeDocumento);
                                }else {
                                    echo $tipoDeDocumento;
                                }
                                @endphp
                            </select>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Asignado a</label>
                        </div>
                        <div class="col-12 col-md-9">
                            <select name="cbx_matsuc" id="cbx_matsuc" class="form-control">
                                @foreach ($sucursales as $item)
                                    <option value="{{ $item->id_mat_suc }}" {{(isset($domicilio_)&&$domicilio_==$item->id_mat_suc)?'selected':''}}>
                                        {{ $item->mat_suc === 'M' ? 'Domicilio fiscal' : $item->nombre_comercial }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-auto mx-auto d-flex justify-content-center mb-2 pb-3">
                <div class="col-lg-4 col-md-6 d-flex justify-content-center">
                    <button type="submit" class="btn btn-lg btn-info buttom_agregar">
                        <span id="payment-button-amount">Registrar</span>
                    </button>

                </div>
                <div class="col-lg-4 col-md-6 d-flex justify-content-center">
                    <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                        onclick="window.location='{{ route('folios.index') }}'">
                        <span>Cancelar</span>
                    </button>
                </div>
            </div>
        </form>
    </div>

@endsection