@extends('layouts.dashboard.inface', ['section' => 'commercial-network'])
@section('extra-styles')
<style>
.network{flex:1 1 0%;min-width:0;min-height:0;overflow:auto;width:100%;max-width:1200px;margin:0 auto;padding:clamp(16px,2.5vw,24px);color:#172033}.network,.network *{box-sizing:border-box}.network .grid>*{min-width:0}.network h1{font-size:28px;font-weight:700;margin-bottom:8px}.network h2{font-size:19px;font-weight:650;margin-bottom:14px}.network h3{font-weight:650;margin-bottom:10px}.network p{margin:8px 0}.network nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.network a{color:#2563eb}.network .card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:22px;margin:18px 0}.network .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.network label{display:block;font-size:13px;margin-bottom:12px}.network input:not([type=checkbox]),.network select,.network textarea{display:block;width:100%;min-width:0;max-width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px;margin-top:5px;background:white}.network button{background:#2563eb;color:white;border-radius:6px;padding:9px 16px}.network button.secondary{background:#475569}.network table{width:100%;border-collapse:collapse;font-size:13px}.network td,.network th{padding:10px;text-align:left;border-bottom:1px solid #e2e8f0}.network .scroll{overflow-x:auto}.network .muted{color:#64748b;font-size:13px}.network .notice{padding:14px;background:#ecfdf5;border-radius:8px;margin:12px 0}.network .error{background:#fef2f2;color:#991b1b}.network form.inline{display:inline-block}.network details{margin:12px 0}.network summary{cursor:pointer;font-weight:600}.network pre{white-space:pre-wrap;overflow-wrap:anywhere}.network .pill{background:#eef2ff;padding:3px 8px;border-radius:10px;font-size:12px}
.dark .network{color:#e2e8f0}.dark .network .card{background:#0f172a;border-color:#334155}.dark .network input:not([type=checkbox]),.dark .network select,.dark .network textarea{background:#1e293b;color:#e2e8f0;border-color:#475569}.dark .network .notice{color:#065f46}
</style>
@endsection
@section('content')
<div class="network">
<nav><a href="{{ route('network.mobile-tools') }}">Herramientas comerciales</a><a href="{{ route('network.index') }}">Organizaciones</a><a href="{{ route('network.my-work') }}">Mi actividad comercial</a>
@if(auth()->user()->isAdmin())<a href="{{ route('network.plans') }}">Configurar planes</a>@endif
@if(isset($organization))
<a href="{{ route('network.organization', $organization) }}">Organización</a>
@endif
</nav>
@if(session('network_success'))<div class="notice" role="status">{{ session('network_success') }}</div>@endif
@if($errors->any())<div class="notice error" role="alert"><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
@if(session('network_result.accept_url'))<div class="notice">Enlace de invitación: <a href="{{ session('network_result.accept_url') }}">{{ session('network_result.accept_url') }}</a></div>@endif
@yield('network-content')
</div>
@endsection
@section('extra-scripts')
<script src="{{ asset('js/commercial-network.js') }}" defer></script>
@endsection