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

@section('js')
    <script src="{{ asset('js/sellos/main.js') }}" defer></script>
@endsection


@section('content')
    <style>
        span.select2-selection.select2-selection--single {
            height: calc(2.25rem + 2px);
            border: 1px solid #ced4da;

        }
    </style>
    <div class="app-page-title d-xs-none"
        style="margin-bottom: 0px;border-bottom-width: 0px;border-bottom-style: solid;padding-bottom: 17px;">
        <div class="page-title-wrapper">
            <div class="col-md-4">
                <div class="page-title-heading">

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

            <div class="col-xl-8 d-none d-sm-none d-md-none d-lg-block">
                <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="breadcrumb-item"><a href="{{ route('sellos.index') }}">Sellos digitales</a></li>
                            <li class="active breadcrumb-item" aria-current="page"> {{ $csd->serie }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <br>

    @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-dismissible fade show col-4" role="alert"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" aria-label="Close" data-dismiss="alert">
                <span aria-hidden="true">×</span>
            </button>

            <div class="row">
                <div class="col-1">
                    <i class="pe-7s-shield" style="font-size: 20px;"> </i>
                </div>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>
                            <div class="col-12"><strong>
                                    <strong>{{ $error }}</strong></strong></div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif



    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <form action="{{ route('sellos.guarda_asigna_sellos') }}" method="POST" class="col-lg-6 col-md-12"
            autocomplete="off">
            @csrf
            <input type="hidden" name="id_csd" value="{{ $csd->id_csd }}">
            <div class="card">
                <div class="card-header">Asignación de sellos</div>
                <div class="card-body card-block">


                    <div class="row form-group">
                        <table id="bootstrap-data-table" class="table table-striped table-bordered table_impuestos">
                            <thead>
                                <tr>
                                    <th>Número de serie</th>
                                    <th>Fecha alta</th>
                                    <th>Estado del CSD</th>
                                    <th>Vigencia desde</th>
                                    <th>Vigencia hasta</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{ $csd->serie }}</td>
                                    <td>{{ $csd->created_at }}</td>
                                    <td>
                                        @if ($csd->status == 'Activo')
                                            <span style="color: green">Activo</span>
                                        @else
                                            <span style="color:red">Caducado</span>
                                        @endif
                                    </td>
                                    <td>{{ $csd->vigencia_inicio }}</td>
                                    <td>{{ $csd->vigencia_fin }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <br>

                    <div class="card-body table-responsive-md">
                        <table id="tbl_user" class="table table-striped table-bordered">
                            <thead>
                                <tr id="encabezado">
                                    <!-- <th>No.</th> -->
                                    <th>Matriz/Sucursal</th>
                                    <th>Establecer por defecto</th>
                                </tr>
                            </thead>
                            <tbody id="tbody_user">
                                @php
                                    $cont = 0;
                                @endphp
                                @foreach ($matriz_sucursal as $item)
                                    <tr>
                                        <td>
                                            <div class="form-check form-switch">
                                                <input class="form-check-input" type="checkbox" name="chk_csd[]"
                                                    onclick="Sellos.verifica({{$cont}})"
                                                    @if ($item->id_csd == $csd->id_csd) checked @endif
                                                    value="{{ $item->id_mat_suc }}">
                                                <label class="form-check-label" for="flexSwitchCheckDefault">
                                                    {{ $item->mat_suc == 'M' ? 'Matriz' : $item->nombre_comercial }}</label>
                                                @php
                                                    $var_nombre_mat_suc = $item->mat_suc == 'M' ? 'Matriz' : $item->nombre_comercial;
                                                @endphp
                                            </div>
                                        </td>
                                        <td>
                                            <div class="col-12 col-md-9">
                                                <select name="slc_default[]" id="slc_default" class="form-control"  @if ($item->id_csd != $csd->id_csd) disabled @endif
                                                    onchange="Sellos.cargar_csd_default('{{ $item->id_mat_suc }}',this,'{{ $var_nombre_mat_suc }}');">
                                                    <option value="N">No</option>
                                                    <option value="S"
                                                        @if ($item->default == 'S') selected @endif>Sí</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    @php
                                        $cont++;
                                    @endphp
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <br>
            <div class="col-auto mx-auto d-flex justify-content-center mb-2 pb-3">
                <div class="col-lg-2 col-md-4 d-flex justify-content-center">
                    <button id="guardar_form" type="button" onclick="validar_fom()" class="btn btn-lg buttom_agregar">
                        <span>Actualizar</span>
                    </button>

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

        </form>
    </div>
@endsection