@extends('layouts.app', ['title' => 'Valores por Local'])

@section('css')
<style>
    .card-modern {
        border: none;
        border-radius: 1rem;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        background: #fff;
    }
    
    .page-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }
    
    .page-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: #1f2937;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .btn-back {
        background: white;
        border: 1px solid #e5e7eb;
        color: #4b5563;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: all 0.2s;
        font-weight: 500;
        text-decoration: none;
    }
    
    .btn-back:hover {
        background: #f9fafb;
        color: #1f2937;
        border-color: #d1d5db;
        transform: translateX(-2px);
    }

    /* Modern Tabs */
    .nav-pills .nav-link {
        border-radius: 0.5rem;
        padding: 1rem 1.5rem;
        font-weight: 600;
        color: #6c757d;
        background: #f8f9fa;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        transition: all 0.2s;
        border: 1px solid #e9ecef;
    }
    .nav-pills .nav-link.active {
        background-color: #4f46e5;
        color: white;
        border-color: #4f46e5;
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
    }
    .nav-pills .nav-link:hover:not(.active) {
        background-color: #e9ecef;
        color: #495057;
        transform: translateY(-1px);
    }

    /* Input Force Light */
    .form-control, .form-select {
        background-color: #fff !important;
        border-color: #ced4da;
        color: #212529 !important;
    }
    .form-control:focus, .form-select:focus {
        border-color: #6366f1 !important;
        box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.15) !important;
    }
</style>
@endsection

@section('content')

<div class="container-fluid px-4 py-4">
    <!-- Header -->
    <div class="page-header">
        <div>
            <h1 class="page-title">
                <i class="ri-map-pin-user-line text-primary"></i>
                Tributação por Local
            </h1>
            <p class="text-muted mt-2 mb-0">Definindo valores para: <strong class="text-primary">{{ $item->nome }}</strong></p>
        </div>
        <a href="{{ route('produtos.index') }}" class="btn-back">
            <i class="ri-arrow-left-line"></i>
            Voltar
        </a>
    </div>

    <!-- Main Content -->
    <div class="card card-modern">
        <div class="card-body p-4">
            {!!Form::open()
            ->put()
            ->route('produto-tributacao-local.update', [$item->id])
            !!}
            
            <div id="basicwizard">
                <ul class="nav nav-pills nav-justified form-wizard-header mb-4">
                    @foreach($locais as $key => $l)
                    <li class="nav-item">
                        <a href="#tab-{{ $key }}" data-bs-toggle="tab" data-toggle="tab" class="nav-link {{ $loop->first ? 'active' : '' }}"> 
                            <i class="ri-store-2-line align-middle me-2"></i>
                            <span class="d-none d-sm-inline">{{ $l->descricao }}</span>
                        </a>
                    </li>
                    @endforeach
                </ul>

                <div class="tab-content border-0 p-0">
                    @foreach($locais as $key => $l)
                    <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tab-{{ $key }}">
                        <input type="hidden" name="local_id[]" value="{{ $l->id }}">
                        
                        <div class="row g-3">
                            <div class="col-12">
                                <h6 class="text-uppercase text-muted fw-bold border-bottom pb-2 mb-3">
                                    <i class="ri-money-dollar-circle-line me-1"></i> Valores e Fiscal
                                </h6>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Valor de Venda</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light">R$</span>
                                    {!!Form::tel('valor_unitario[]', null)
                                    ->required()
                                    ->value(__moeda(__tributacaoProdutoLocal($item, 'valor_unitario', $l->id)))
                                    ->attrs(['class' => 'form-control moeda'])
                                    !!}
                                </div>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">NCM</label>
                                {!!Form::tel('ncm[]', null)
                                ->required()
                                ->value(__tributacaoProdutoLocal($item, 'ncm', $l->id))
                                ->attrs(['class' => 'form-control ncm', 'data-mask' => '0000.00.00'])
                                ->id('ncm-temp')
                                ->required(__isPlanoFiscal())
                                !!}
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">CEST</label>
                                {!!Form::tel('cest[]', null)
                                ->attrs(['class' => 'form-control cest', 'data-mask' => '00000.00'])
                                ->value(__tributacaoProdutoLocal($item, 'cest', $l->id))
                                !!}
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Origem</label>
                                {!!Form::select('origem[]', null, App\Models\Produto::origens())
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-select'])
                                ->value(__tributacaoProdutoLocal($item, 'origem', $l->id))
                                !!}
                            </div>

                            <div class="col-12 mt-4">
                                <h6 class="text-uppercase text-muted fw-bold border-bottom pb-2 mb-3">
                                    <i class="ri-percent-line me-1"></i> Alíquotas e Impostos
                                </h6>
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">% ICMS</label>
                                {!!Form::tel('perc_icms[]', null)
                                ->attrs(['class' => 'form-control percentual'])
                                ->required(__isPlanoFiscal())
                                ->value(__tributacaoProdutoLocal($item, 'perc_icms', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">% PIS</label>
                                {!!Form::tel('perc_pis[]', null)
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-control percentual'])
                                ->value(__tributacaoProdutoLocal($item, 'perc_pis', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">% COFINS</label>
                                {!!Form::tel('perc_cofins[]', null)
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-control percentual'])
                                ->value(__tributacaoProdutoLocal($item, 'perc_cofins', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">% IPI</label>
                                {!!Form::tel('perc_ipi[]', null)
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-control percentual'])
                                ->value(__tributacaoProdutoLocal($item, 'perc_ipi', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">% Red. BC</label>
                                {!!Form::tel('perc_red_bc[]', null)
                                ->attrs(['class' => 'form-control percentual'])
                                ->value(__tributacaoProdutoLocal($item, 'perc_red_bc', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">CST/CSOSN</label>
                                {!!Form::select('cst_csosn[]', null, App\Models\Produto::listaCSTCSOSN())
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-select'])
                                ->value(__tributacaoProdutoLocal($item, 'cst_csosn', $l->id))
                                !!}
                            </div>
                            
                            <div class="col-md-2">
                                <label class="form-label">CST PIS</label>
                                {!!Form::select('cst_pis[]', null, App\Models\Produto::listaCST_PIS_COFINS())
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-select'])
                                ->value(__tributacaoProdutoLocal($item, 'cst_pis', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">CST COFINS</label>
                                {!!Form::select('cst_cofins[]', null, App\Models\Produto::listaCST_PIS_COFINS())
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-select'])
                                ->value(__tributacaoProdutoLocal($item, 'cst_cofins', $l->id))
                                !!}
                            </div>

                            <div class="col-md-2">
                                <label class="form-label">CST IPI</label>
                                {!!Form::select('cst_ipi[]', null, App\Models\Produto::listaCST_IPI())
                                ->required(__isPlanoFiscal())
                                ->attrs(['class' => 'form-select'])
                                ->value(__tributacaoProdutoLocal($item, 'cst_ipi', $l->id))
                                !!}
                            </div>

                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <div class="mt-4 text-end">
                <button type="submit" class="btn btn-success px-4">
                    <i class="ri-save-line me-2"></i> Salvar Alterações
                </button>
            </div>
            {!!Form::close()!!}
        </div>
    </div>
</div>

@endsection